Embed YouTube videos to Webapp
Embed Youtube videos to iframe or fetch Youtube Data using APIs
Hey folks 👋🏻,
Today am going to share the article about how to embed Youtube videos.
Usually I like playing around with some web applications to figure out is there anything interesting stuff we can try. Then I found that many applications have embedded Youtube videos and playlists of their Org.
Initially you may have a thought adding iframe src as youtube_url right ?
But it won't work as expected 😝 Lets see...
Code
<iframe
width="800"
height="500"
src="https://www.youtube.com/watch?v=fRD_3vJagxk"
allowfullscreen
frameborder="0"
>
</iframe>
Output
This will load whole Youtube app which is unnecessary while we need only video to be loaded.
To load YouTube Video
- Open the video in Youtube.
- Click Share button -> Embed option
- Copy the HTML code displayed
Video
<iframe
width="800"
height="500"
src="https://www.youtube.com/embed/fRD_3vJagxk"
allowfullscreen
frameborder="0"
>
</iframe>
Playlist
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/videoserieslist=PLnO8uDr9uT6HNtCcwNiz74ClRP7HVkxWX"
allowfullscreen
/>
YouTube v3 APIs
To explore more, Youtube also allows to fetch comments of videos, playlists of video_series, channel, watch_later and so on via YouTube Data v3 APIs.
Fetch YouTube api_key
To use Youtube APIs, we need to generate api_key
- Open https://console.cloud.google.com -> Create a Project
- Search for YouTube Data API v3
- Enable the selected service -> Click Manage
- Select Credentials tab from left bar -> Create Credentials -> API key
- Copy the API key generated.
To load YouTube Playlist
API Request
await fetch('https://www.googleapis.com/youtube/v3/playlistItems?playlistId=PLnO8uDr9uT6HNtCcwNiz74ClRP7HVkxWX&key=XXX-XXX-XXX&part=snippet',
{
method: 'GET'
}).then(data => data.json())
.then(response => console.log(response.items))
API Response
[
{
"kind": "youtube#playlistItem",
"etag": "gwj9Pa4XeiiZi7W5_bS9nX_AVZA",
"id": "UExuTzh1RHI5dVQ2SE50Q2N3Tml6NzRDbFJQN0hWa3hXWC41NkI0NEY2RDEwNTU3Q0M2",
"snippet": {
"publishedAt": "2021-11-16T11:08:55Z",
"channelId": "UCLbdVvreihwZRL6kwuEUYsA",
"title": "Bodhai Kaname Video Song | Oh Manapenne | Anirudh | Shashaa | Harish Kalyan | Priya Bhavanishankar",
"description": "#OhManapenne | #BodhaiKaname Video Song | #AnirudhRavichander & #ShashaaTirupati | #HarishKalyan | #PriyaBhavanishankar | #KaarthikkSundar | #VishalChandrashekhar\n\nSong: “Bodhai Kaname”\nComposed by: Vishal Chandrashekhar\nLyrics: Vivek\nSung by: ‘Rockstar’ Anirudh Ravichander & Shashaa Tirupati\nVeena: Punya Srinivas\nBass Guitar: Napier Naveen\nGuitar: Chris Jason\nViolin: S.Sayee Rakshith | Balaji\nKeys and Rhythms: Vishal Chandrashekhar\nBacking Vocals: Pitty Vikram | Arvind Annest | Balaji Sri | Shibi Srinivasan | Arvind K Sandhya | Padmaja Sreenivasan | Lavita Lobo | Triya Sushma | Sushmitha Narasimhan | Akshaya Shivkumar | Bhuvana | Sanjana Mohandoss\nVoice & Recording Co-Ordinator: Sinduri\nBacking Vocals Recorded @ 20dbSoundstudios by Avinash Sathish and Hari Haran\nMixed By: Jai Ganesh\nMastered By: A M Rahmathullah @ AM Studios\n\nListen to #BodhaiKaname Song now available on: \nYouTube Music ► https://bit.ly/378jpYJ\nSpotify ► https://spoti.fi/2UZRO9L\nApple Music ► https://apple.co/3ytOO3X\nAmazon Music ► https://amzn.to/3idia0p\nWynk► https://bit.ly/2Vn5F9C\nGaana ► https://bit.ly/3zPvLB8\nJioSaavn ► https://bit.ly/3ybaMZb\nHungama ► https://bit.ly/3ybaYHT\nRaaga ► https://bit.ly/3j4zapa\nResso ► https://bit.ly/3fdfuyg\n\nListen to #BodhaiKaname Track on your all Favourite Streaming Platforms here - https://Thinkmusic.lnk.to/BodhaiKaname\n\nOH MANAPENNE:\nStarring:\nHarish Kalyan & Priya Bhavanishankar\nAnbuthasan | Abishek Kumar | Ashwin Kumar | Venuu Arvind | KSG Venkatesh | Anish Kuruvilla | Tharani | Samyuktha Viswanathan | Abdool Lee | Siddhanth Sawkar & others\nDirected by – Kaarthikk Sundar\nDirector of Photography – Krishnan Vasant\nMusic – Vishal Chandrashekhar\nEditor – Kripakaran\nPromotions Editor – Praveen Antony (Offscreen Studios) & Kripakaran\nArt – Sadhish. K\nDialogues – Deepak Sundarrajan\nAdditional Screenplay – Deepak Sundarrajan | Sanjeev | Kaarthikk\nSundar\nOriginal Story – Tharun Bhascker Dhaassyam\nCostume Designer – G Anusha Meenakshi\nLyricists – Vivek | Mohan Rajan | Niranjan Bharathi | Vishal\nChandrashekhar\nAudiography – T. Udayakumar [Knack Studios]\nSound Design – Sync Cinema\nStills – Surya\nSubtitles - Gokul DB (Work Wit Words)\nPublicity Designs – Yuvraj Ganesan\nTitle Logo – Kanojan\nVFX Studio – FALCON\nVFX Supervisor – Pa. Gowtham\nDI – Picture Machine\nColorist – Suresh Ravi\nProduction Controller – B. Jai Ganesh\nProduction Co-ordinator – Ishwerya Sivakumar\nAgency Partner – Kwan South\nPRO – Suresh Chandra, Rekha D’one\nCreative Promotions - BeatRoute\nProduced by – A Studios LLP & A Havish Production\nProducers – Satyanarayana Koneru & Ramesh Varma Penmetsa\nProduction by – SP Cinemas\nRelease by – Madhav Media & Third Eye Entertainment\nMusic Label – Think Music\n\n© 2021 SPI Music Pvt. Ltd.\n\nFor All Latest Updates:\nWebsite: https://thinkmusic.in/\nSubscribe to us on: http://www.youtube.com/thinkmusicindia\nFollow us on: https://twitter.com/thinkmusicindia\nLike us on: https://www.facebook.com/Thinkmusicofficial\nFollow us on: https://www.instagram.com/thinkmusicofficial",
"thumbnails": {
"default": {
"url": "https://i.ytimg.com/vi/jxSo0EE-D2c/default.jpg",
"width": 120,
"height": 90
},
"medium": {
"url": "https://i.ytimg.com/vi/jxSo0EE-D2c/mqdefault.jpg",
"width": 320,
"height": 180
},
"high": {
"url": "https://i.ytimg.com/vi/jxSo0EE-D2c/hqdefault.jpg",
"width": 480,
"height": 360
},
"standard": {
"url": "https://i.ytimg.com/vi/jxSo0EE-D2c/sddefault.jpg",
"width": 640,
"height": 480
},
"maxres": {
"url": "https://i.ytimg.com/vi/jxSo0EE-D2c/maxresdefault.jpg",
"width": 1280,
"height": 720
}
},
"channelTitle": "Think Music India",
"playlistId": "PLnO8uDr9uT6HNtCcwNiz74ClRP7HVkxWX",
"position": 0,
"resourceId": {
"kind": "youtube#video",
"videoId": "jxSo0EE-D2c"
},
"videoOwnerChannelTitle": "Think Music India",
"videoOwnerChannelId": "UCLbdVvreihwZRL6kwuEUYsA"
}
},
{
"kind": "youtube#playlistItem",
"etag": "lkmHumdI3Hk_RkF6jxWYdxoE7lA",
"id": "UExuTzh1RHI5dVQ2SE50Q2N3Tml6NzRDbFJQN0hWa3hXWC4yODlGNEE0NkRGMEEzMEQy",
"snippet": {
"publishedAt": "2021-11-16T11:09:09Z",
"channelId": "UCLbdVvreihwZRL6kwuEUYsA",
"title": "Teddy 🧸 | Nanbiye Video Song | Arya, Sayyeshaa | D. Imman | Shakti Soundar Rajan",
"description": "#Teddy 🧸 | #Nanbiye Video Song | #Arya, #Sayyeshaa | #DImman | #ShaktiSoundarRajan | #AnirudhRavichander | #MadhanKarky\n\nA Man and a Teddy bear goes on an adventurous journey to solve a medical mystery!\n\nTeddy is an upcoming Tamil film written and directed by Shakti Soundar Rajan. Teddy film stars Arya and Sayyeshaa in the lead roles. The film is produced by KE Gnanavel Raja under the banner of Studio Green.\n\nSong:- Nanbiye\nMusic:- D.Imman\nSinger:- Anirudh Ravichander\nLyric:- Madhan Karky\n\nMusic Production:- Ranjan\nElectric, Acoustic and Bass guitars:- Keba Jeremiah\nWoodwind, Saxophone:- Nathan\nBacking Vocals:-\nSantosh Hariharan,Deepak,\nShenbagaraj,Aravind Srinivas,Narayanan,Vignesh Narayanan,Veena murali,\nSowmya Mahadevan,\nDeepthi Suresh,Abinaya Shenbagaraj,Ala B Bala,\nSoundarya Nandakumar.\nHarmony vocals conducted by D.Imman\nRecorded, Mixed and Mastered at D.Imman’s Sound Factory by D.Imman\n\nCast: Arya, Sayyeshaa, ‘INTRODUCING’ Magizh Thirumeni, Sathish, Karunakaran, Masoom Shankar, Shakshi Agarwal & TEDDY.\nDirector: Shakti Soundar Rajan\nProducer: K.E.Gnanavel Raja & Aadhana Gnanavel Raja\nDirector Of Photography: S.Yuva\nMusic: D.Imman\nLyrics: Karky\nFilm Editor: T. Shivanandeeswaran\nArt Director: S.S.Moorthi\nStunt: R.Sakthi Saravanan\nCostume Designer: Deepali Noor, SHaheen (SAYYESHAA)\nColourist: Siva Shankar ( IGENE)\nVFX: NXGEN\nVFX Supervisor: Arunraj. V\nCo_Director: S. Sundhar Rajan\nPRO: Yuvaraj\nProduction Manager: E.V Dinesh Kumar, S.Bharath\nProduction Executive: S.Shivakumar\nExecutive Producer: A.G.Raja, S.Sriram\nStills: S.Murugadoss\nPublicity Designs: Venky\nSound Design: Arunseenu\nAudio Label: Think Music\n\n© 2021 SPI Music Pvt. Ltd.\n\nFor All Latest Updates:\nSubscribe to us on: http://www.youtube.com/thinkmusicindia\nSubscribe to us on: http://www.dailymotion.com/thinkmusic...\nFollow us on: https://twitter.com/thinkmusicindia\nLike us on: https://www.facebook.com/Thinkmusicof...\nFollow us on: https://plus.google.com/+thinkmusicindia\nFollow us on: https://www.instagram.com/thinkmusico...",
"thumbnails": {
"default": {
"url": "https://i.ytimg.com/vi/6o8pxa1PJ1g/default.jpg",
"width": 120,
"height": 90
},
"medium": {
"url": "https://i.ytimg.com/vi/6o8pxa1PJ1g/mqdefault.jpg",
"width": 320,
"height": 180
},
"high": {
"url": "https://i.ytimg.com/vi/6o8pxa1PJ1g/hqdefault.jpg",
"width": 480,
"height": 360
},
"standard": {
"url": "https://i.ytimg.com/vi/6o8pxa1PJ1g/sddefault.jpg",
"width": 640,
"height": 480
},
"maxres": {
"url": "https://i.ytimg.com/vi/6o8pxa1PJ1g/maxresdefault.jpg",
"width": 1280,
"height": 720
}
},
"channelTitle": "Think Music India",
"playlistId": "PLnO8uDr9uT6HNtCcwNiz74ClRP7HVkxWX",
"position": 1,
"resourceId": {
"kind": "youtube#video",
"videoId": "6o8pxa1PJ1g"
},
"videoOwnerChannelTitle": "Think Music India",
"videoOwnerChannelId": "UCLbdVvreihwZRL6kwuEUYsA"
}
},
{
"kind": "youtube#playlistItem",
"etag": "_-ZJdl4jCOk8xqEe5HN3BjGu3TY",
"id": "UExuTzh1RHI5dVQ2SE50Q2N3Tml6NzRDbFJQN0hWa3hXWC4wMTcyMDhGQUE4NTIzM0Y5",
"snippet": {
"publishedAt": "2021-11-16T11:09:34Z",
"channelId": "UCLbdVvreihwZRL6kwuEUYsA",
"title": "Gulaebaghavali | Guleba Full Video Song | 4K | Kalyaan | Prabhu Deva, Hansika | Vivek Mervin",
"description": "#Guleba Video Song | #Gulaebaghavali is Tamil action comedy film, written and directed by Kalyaan and produced by KJR Studios. #PrabhuDeva and #HansikaMotwani are playing the lead pair in this movie with veteran actress #Revathi playing a supporting role. Music composed by Vivek-Mervin.\n\n#Gulaebaghavali Ringback Tunes ► https://goo.gl/gZMFGt\n\nListen to #Gulaebaghavali Songs now available:\niTunes ► https://goo.gl/WrxGND\nSaavn ► https://goo.gl/1D6cGT\nGaana ► https://goo.gl/jDgsGf\nRaaga ► https://goo.gl/mXRpRB\nJioMusic ► https://goo.gl/mX1LDP\n\nSong: Guleba\nSingers: Anirudh Ravichander, Mervin Solomon\nLyrics: Ku. Karthik\nComposer: Vivek-Mervin\nPiano, Keyboards & Synths: Mervin Solomon\nRhythm Programmed by: Vivek Siva\nAcoustic Guitars: Keba Jeremiah\nBass: Napier Naveen \nTrumpet, Horns and Trombone: Maxwell\nHarmonies and Backing Vocals: Anand Ravichandran,Niranjana, Aravind , Shenbagaraj, Latha Krishna\n Mixed and Mastered by Shadab Rayeen @ New Edge studios, Mumbai. \nAssisted by Abishek Sortey\n\nChoreographer - Jani Master\n\n\nAll songs composed by Vivek-Mervin\n\nFilm: Gulaebaghavali\nStarcast: Prabhu Deva, Hansika Motwani, Revathi\nDirector: Kalyaan\nMusic: Vivek-Mervin\nCinematographer: Anand Kumar\nEditor: Vijay Velukutty\nProducer : K.J. Rajesh\nBanner : KJR Studios\nAudio Label: Think Music\n\n© 2017 SPI Music Pvt. Ltd.\n\nFor All Latest Updates:\nSubscribe to us on: http://www.youtube.com/thinkmusicindia\nSubscribe to us on: http://www.dailymotion.com/thinkmusicindia\nFollow us on: https://twitter.com/thinkmusicindia\nLike us on: https://www.facebook.com/Thinkmusicofficial\nFollow us on: https://plus.google.com/+thinkmusicindia\nFollow us on: https://www.instagram.com/thinkmusicofficial\n\nGulaebaghavali Songs, Gulaebaghavali Movie, Gulaebaghavali Tamil Movie, Gulaebaghavali Full Movie, Gulaebaghavali Movie, Gulaebaghavali Teaser, Gulaebaghavali Trailer, gulebakavali Songs, gulebakavali Movie, gulebakavali Tamil Movie, gulebakavali Full Movie, Gulaebaghavali New Movie, gulebagavali",
"thumbnails": {
"default": {
"url": "https://i.ytimg.com/vi/QVgSyvzmbxw/default.jpg",
"width": 120,
"height": 90
},
"medium": {
"url": "https://i.ytimg.com/vi/QVgSyvzmbxw/mqdefault.jpg",
"width": 320,
"height": 180
},
"high": {
"url": "https://i.ytimg.com/vi/QVgSyvzmbxw/hqdefault.jpg",
"width": 480,
"height": 360
},
"standard": {
"url": "https://i.ytimg.com/vi/QVgSyvzmbxw/sddefault.jpg",
"width": 640,
"height": 480
},
"maxres": {
"url": "https://i.ytimg.com/vi/QVgSyvzmbxw/maxresdefault.jpg",
"width": 1280,
"height": 720
}
},
"channelTitle": "Think Music India",
"playlistId": "PLnO8uDr9uT6HNtCcwNiz74ClRP7HVkxWX",
"position": 2,
"resourceId": {
"kind": "youtube#video",
"videoId": "QVgSyvzmbxw"
},
"videoOwnerChannelTitle": "Think Music India",
"videoOwnerChannelId": "UCLbdVvreihwZRL6kwuEUYsA"
}
},
{
"kind": "youtube#playlistItem",
"etag": "lk1ot2k0DnQd-It_veDTjGOcg4g",
"id": "UExuTzh1RHI5dVQ2SE50Q2N3Tml6NzRDbFJQN0hWa3hXWC41MjE1MkI0OTQ2QzJGNzNG",
"snippet": {
"publishedAt": "2021-11-16T11:10:27Z",
"channelId": "UCLbdVvreihwZRL6kwuEUYsA",
"title": "Ginger Soda Music Video | Annabelle Sethupathi | Tamil | Vijay Sethupathi | Taapsee Pannu | Deepak S",
"description": "#AnnabelleSethupathi | #GingerSoda Music Video | #VijaySethupathi | #TaapseePannu | #Tamil | #JagapathiBabu | #RajendraPrasad | #RadhikaSarathkumar | #YogiBabu | #VannellaKishore | #DeepakSundarrajan | #KrishnaKishor | #SudhanSundaram & #GJayaram #PassionStudios\n\n#AnirudhRavichander #YashitaSharma #KuKarthik\n\nSong: Ginger Soda\nMusic Composed and Produced by Krishna Kishor at Melom studios \nSinger - AnirudhRavichander & Yashita Sharma \nLyrics - Ku Karthik\n\nMusician Credits :\nChorus: Joseph Selvam Jabin, Sharath S. Matthew, Premkumar Ravichandran, Vignesh\nPercussions: Krishna Kishor \nAdditional Keys: Anoop Nair, John Praveen, Prassana Suresh \nRoland Brass: Omkar Dhumal \nVocal Production: lijesh \nPercussion Recorded at 20db Studios by Avinash\nMusic Supervisor: K.S.Maniratnam \nMixed and Mastered by Eric Pillai ( Future Sound of Bombay ) \nAsst Mix Engineers: Michael Edwin Pillai , Ian Pillai\n\nPromotional Music Video (Credits)\nDirector - Bharathan Kumanan \nCinematographer - ArjunRaja D.f.tech\nEditing and CG - Mohamed Akram \nDi - Kowshik KS\nCostumes - Mathura Manian \nExecutive Producer - Mohan \nDancers - ADS crew.\nDirection team - Dixon , Imayavan , Ithikas ,Jeevan. \nDop Team - Aravind, Jerin , Prapanjan.\nPost-production Team: Shiva Krithik, Jemin Auxilium J\n\n\nRudra who is a small-time burglar gets into a palace full of ghosts. Along with the ghost, she finds out the mystery about the owner of the palace Annabelle Sethupathi! #ANNABELLESETHUPATHI, starring Vijay Sethupathi, Taapsee Pannu, Jagapathi Babu, Rajendra Prasad, Radhika Sarathkumar, Yogi Babu, Vannella Kishore, Chetan, Devadarshini, Subbu Panchu, Madhumitha, Raja Sundaram, Suresh Menon, George Maryan, Raj Kumar, Sunil, Surekha Vani, Linga, Harshada, Indhu Ravi. Releasing on 17th SEPTEMBER 2021 only on #DisneyPlusHotstarMultiplex\n\nDirector: Deepak Sundarrajan\nProduced by: Sudhan Sundaram & G.Jayaram\nProduction House: Passion Studios\nDirector of Photography: Goutham George\nEditor: Pradeep E Ragav\nWriter: Deepak Sundarrajan\nAdditional Dialogues: Deepak Sundarrajan\nExecutive Producer: A.Kumar\nCo-Director: Kannan, Latha R Maniarasu\nChoreographer: Dinesh Master\nMusic Director: Krishna Kishor\nAction Director: Dinesh Kasi\nCostume Designer: Pallavi Singh\nVFX Supervisor: Manikandan.R\nVFX: Phantom Digital Effects Private Limited\nDI: Knack Studios\nDI Colorist: K.S Rajasekaran\nSound Design: Sync Cinemas \nSound Mixing: T Uday Kumar\nAudio Label: Think Music\n\n\n© 2021 SPI Music Pvt. Ltd.\n\nFor All Latest Updates:\nWebsite: https://thinkmusic.in/\nSubscribe to us on: http://www.youtube.com/thinkmusicindia\nFollow us on: https://twitter.com/thinkmusicindia\nLike us on: https://www.facebook.com/Thinkmusicofficial\nFollow us on: https://www.instagram.com/thinkmusicofficial",
"thumbnails": {
"default": {
"url": "https://i.ytimg.com/vi/8d4e7dce94Y/default.jpg",
"width": 120,
"height": 90
},
"medium": {
"url": "https://i.ytimg.com/vi/8d4e7dce94Y/mqdefault.jpg",
"width": 320,
"height": 180
},
"high": {
"url": "https://i.ytimg.com/vi/8d4e7dce94Y/hqdefault.jpg",
"width": 480,
"height": 360
},
"standard": {
"url": "https://i.ytimg.com/vi/8d4e7dce94Y/sddefault.jpg",
"width": 640,
"height": 480
},
"maxres": {
"url": "https://i.ytimg.com/vi/8d4e7dce94Y/maxresdefault.jpg",
"width": 1280,
"height": 720
}
},
"channelTitle": "Think Music India",
"playlistId": "PLnO8uDr9uT6HNtCcwNiz74ClRP7HVkxWX",
"position": 3,
"resourceId": {
"kind": "youtube#video",
"videoId": "8d4e7dce94Y"
},
"videoOwnerChannelTitle": "Think Music India",
"videoOwnerChannelId": "UCLbdVvreihwZRL6kwuEUYsA"
}
},
{
"kind": "youtube#playlistItem",
"etag": "fsAGog3Z7Zjb2yPGXLOWotJ30Kk",
"id": "UExuTzh1RHI5dVQ2SE50Q2N3Tml6NzRDbFJQN0hWa3hXWC4wOTA3OTZBNzVEMTUzOTMy",
"snippet": {
"publishedAt": "2021-11-16T11:10:40Z",
"channelId": "UCLbdVvreihwZRL6kwuEUYsA",
"title": "Ispade Rajavum Idhaya Raniyum | Kannamma Video Song | Harish Kalyan, Shilpa Manjunath | Sam C.S",
"description": "#Kannamma Video Song | #IspadeRajavumIdhayaRaniyum is a New Gen Love Story Written and Directed by Ranjit Jeyakodi. The film stars #HarishKalyan and #ShilpaManjunath while Ma Ka Pa Anand and Bala Saravanan play the supportive roles. #SamCS has scored music for the film while editing is done by Bavan Sreekumar and cinematography is handled by Kavin Raj.\n\nListen to #IspadeRajavumIdhayaRaniyum Songs now available on:\niTunes ►https://apple.co/2Sz6o4M\nSpotify ►https://spoti.fi/2I4sV3N\nJioSaavn ►https://bit.ly/2tkbxiZ\nGaana ►https://bit.ly/2UKyjfj\nWynk ►https://bit.ly/2BnyWUY\nHugama ►https://bit.ly/2WJCfyV\nRaaga ►https://bit.ly/2SC3P1N\nAmazonMusic ►https://amzn.to/2RItmlr\nYouTube Music►https://bit.ly/2WHUWSR\n\nFor #CallerTunes:\n\nSong: Kannamma Unna\nAIRTEL Users Dial 5432116771762\nVODAFONE Users Dial 53710962556\nIDEA Users Dial 5678910962556\nBSNL Users Dial 5670010962556\n\nSong: Enakulla Pudhidhaaga (Kannamma Unna)\nAIRTEL Users Dial 5432116765691\nVODAFONE Users Dial 53710962536\nIDEA Users Dial 5678910962536\nBSNL Users Dial 5670010962536\n\nSong: Nilave (Kannamma Unna)\nAIRTEL Users Dial 5432116768414\nVODAFONE Users Dial 53710962537\nIDEA Users Dial 5678910962537\nBSNL Users Dial 5670010962537\n\nSong: Kannamma Unna End\nAIRTEL Users Dial 5432116768502\nVODAFONE Users Dial 53710962557\nIDEA Users Dial 5678910962557\nBSNL Users Dial 5670010962557\n\nSong : Kannamma\nMusic : Sam C S\nSinger : Anirudh \nLyrics : Sam C S\nBacking vocal : Swagatha S Krishnan \nMusic Producer : Onasis mohan\nSitar : Kishore \nFlute : Vishnu \nGuitars : Onasis \nIndian percussions: Shruthi\nRecording Engg: Sabin Jose @ Psalter record Inn PVT LTD.\nMixed by : Onasis Mohan\nMastered by : Chris Graham, Ohio, Columbus\nMusic supervisor: Swagtha S Krishnan \nMusician fixer : Velavan\n\nCast & Crew:\nStarring: Harish Kalyan, Shilpa Manjunath, Makapa Anandh\nDirector - Ranjit Jeyakodi \nMusic - Sam C.S\nDOP - Kavin Raj\nEditor - Bavan Sreekumar \nBanner - Madhav Media\nProducer - Balaji Kapa\nArt - Srikanth \nSound Design - Oxygen\nProducer - Balaji Kapa\nBanner - Madhav Media \nAudio Label - Think Music\n\n© 2019 SPI Music Pvt. Ltd.\n\nFor All Latest Updates:\nSubscribe to us on: http://www.youtube.com/thinkmusicindia\nSubscribe to us on: http://www.dailymotion.com/thinkmusicindia\nFollow us on: https://twitter.com/thinkmusicindia\nLike us on: https://www.facebook.com/Thinkmusicofficial\nFollow us on: https://plus.google.com/+thinkmusicindia\nFollow us on: https://www.instagram.com/thinkmusicofficial",
"thumbnails": {
"default": {
"url": "https://i.ytimg.com/vi/_fTN72GPgIU/default.jpg",
"width": 120,
"height": 90
},
"medium": {
"url": "https://i.ytimg.com/vi/_fTN72GPgIU/mqdefault.jpg",
"width": 320,
"height": 180
},
"high": {
"url": "https://i.ytimg.com/vi/_fTN72GPgIU/hqdefault.jpg",
"width": 480,
"height": 360
},
"standard": {
"url": "https://i.ytimg.com/vi/_fTN72GPgIU/sddefault.jpg",
"width": 640,
"height": 480
},
"maxres": {
"url": "https://i.ytimg.com/vi/_fTN72GPgIU/maxresdefault.jpg",
"width": 1280,
"height": 720
}
},
"channelTitle": "Think Music India",
"playlistId": "PLnO8uDr9uT6HNtCcwNiz74ClRP7HVkxWX",
"position": 4,
"resourceId": {
"kind": "youtube#video",
"videoId": "_fTN72GPgIU"
},
"videoOwnerChannelTitle": "Think Music India",
"videoOwnerChannelId": "UCLbdVvreihwZRL6kwuEUYsA"
}
}
]
We can load these playlists and render in our app (as with videos having url, thumbnail, title and description).