JSFiddle - React, Tailwind, and code Playground

HTML

<div class="youtube"></div>

JavaScript

//the url
var youtubeUrl = 'http://gdata.youtube.com/feeds/api/videos/-/Movies?v=2&orderby=published&time=this_month&sortby=descending&safesearch=moderate&fmt=18&max-results=10&paid-content=false&prettyprint=true&start-index=1&alt=json&callback=?';

// You tube feed
$.getJSON(youtubeUrl, function(json) {
    
         var html = "<ul>";
        $.each(json.feed.entry, function(i, youtube) {
            
            var title = youtube.title.$t;
            var content = youtube.content.$t.substr(0,40);
            var player = youtube.id.$t;
            var url = youtube.link[0].href;
            var thumb = youtube.media$group.media$thumbnail[0].url;
            
html += '<li><img src="'+(thumb)+'" width="130" height="70"/><h3><a target="_blank" href="'+(url)+'">'+title+'</a></h3><p>'+(content)+'</p></li>'; 

        });
         html += "</ul>";
        $('.youtube').html(html).fadeIn(2000);

});