JSFiddle - React, Tailwind, and code Playground

HTML

<div id="youtubevideos"/>

JavaScript

function test() {}

function getYoutube() {
   var jsonURL = "https://gdata.youtube.com/feeds/api/users/TheCSharpFan/favorites?&v=2&max-results=4&alt=json";
    
    jsonURL = jsonURL + "&callback=?"; // you can cut off the &callback=? in Chrome, but IE appearently needs it.
    
    
   $.getJSON(jsonURL, function(json) {
        
        $.each(json.feed.entry, function(i, yt) {
           
            // debugger; // uncomment this to enable breakpoint in Chrome
            var link = yt.media$group.media$content[0].url;
            var thumbnail = yt.media$group.media$thumbnail[1].url;
            var title = yt.media$group.media$title.$t;

            $("#youtubevideos").append("<a style=\"margin:20px;\" href=\"" + link + "\" target=\"_blank\"><img src=\"" + thumbnail + "\" width=\"240px\" alt=\"" + title + "\" /></a>");
        });
    });
}

getYoutube();