JSFiddle - React, Tailwind, and code Playground

HTML

<ul></ul>

JavaScript

$(document).ready(function() {
    //playlist : https://www.youtube.com/playlist?list=PLA9A0A8CB8B21E3E6
    var playlist = "A9A0A8CB8B21E3E6";
    var playListURL = 'http://gdata.youtube.com/feeds/api/playlists/'+playlist+'?v=2&alt=json&callback=?';
    var videoURL = 'http://www.youtube.com/watch?v=';
    $.getJSON(playListURL, function(data) {
        var list_data = "";
        $.each(data.feed.entry, function(i, item) {
            var feedTitle = item.title.$t;
            var feedURL = item.link[1].href;
            var fragments = feedURL.split("/");
            var videoID = fragments[fragments.length - 2];
            var url = videoURL + videoID;
            var thumb = "http://img.youtube.com/vi/" + videoID + "/default.jpg";
            list_data += '<li><a href="' + url + '" title="' + feedTitle + '"><img alt="' + feedTitle + '" src="' + thumb + '"</a></li>';
        });
        $(list_data).appendTo("ul");
    });
});