JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-1.11.0.js"></script>
 <div id="youtube-channel-feed"></div>

JavaScript

var htmlString = "";


$.getJSON('https://www.googleapis.com/youtube/v3/videos?part=snippet&chart=mostPopular&regionCode=IN&maxResults=25&key=AIzaSyCyIvHQjsQIDD7PDf9u-C9w6jqQLHIss-w'), function(data) {
	$.each(data.items, function(i, item) {
		var videoID = item['id'];
		var title = item['snippet']['title'];
        var videoEmbed = "https://www.youtube.com/embed/" + videoID;
		htmlString += '<div class="video">' + title + '<br><a href="' + videoEmbed + '" class="lightbox" data-fancybox-type="iframe"><img src="http://img.youtube.com/vi/' + videoID + '/0.jpg"></a></div>';
	});
	$('#youtube-channel-feed').html(htmlString);
});