JSFiddle - React, Tailwind, and code Playground

by naveen

HTML

<ul class="cont">
</ul>

JavaScript

//get youtube ID

function extract(url){
    //pos1=url.indexOf("videos/");
    //pos2=url.substr(42,11);
    alert(url.substr(42,11));
    return url.substr(42,11);
}
var url2 = "http://gdata.youtube.com/feeds/api/playlists/B2A4E1367126848D?v=2&alt=json";
function playlistinfo(url1) {
    $.ajax({
        url: url1,
        dataType: "jsonp",
        success: function (msg) { parseresults(msg); }
        error:function (xhr, ajaxOptions, thrownError){
            var res ='';
            for(opt in ajaxOptions){
                res += ajaxOptions[opt];
            }
            alert(res);
            alert(xhr);
        }
    });
}

function parseresults(data) {
    alert(data);
    alert(data.feed);
    alert(data.feed.openSearch$totalResults);
    alert(data.feed.openSearch$totalResults.$t);
    var klipove= data.feed.openSearch$totalResults.$t;
    
    for(i=0;i<=klipove-1;i++){
        var videoId = data.feed.entry[i].link[1].href;
        var id= extract(videoId);
        thumb = data.feed.entry[i].media$group.media$thumbnail[0].url;
        $('<li><img src="'+thumb+'" alt="'+id+'" class="thumb"/></li>').appendTo('.cont');
    }
}