JSFiddle - React, Tailwind, and code Playground

by naveen

HTML

<ul id="mybox">
</ul>

JavaScript

var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/B2A4E1367126848D?v=2&alt=json&callback=?';
var feedURL= 'http://gdata.youtube.com/feeds/api/videos/';
var videoURL= 'http://www.youtube.com/watch?v=';

function extractVideoID(videourl){
    return videourl.replace('http://www.youtube.com/watch?v=','');
}

function GetVideoURLfromFeedURL(url){
  return url.replace(feedURL, videoURL);
};

$.getJSON(playListURL, function(data) {
    $.each(data.feed.entry, function(i, item) {
     
         var title = item['title']['$t'];
         var video = item['id']['$t'];
         video = GetVideoURLfromFeedURL(video);
         var videoID = extractVideoID(video);
         $('<li><a href="'+video+'">'+title+'-'+videoID+'</a></li>').appendTo("#mybox");
    });
});