JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="thumbs"></div>
CSS
.thumbs {
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
}
img {
margin: 5px;
}
.thumbs:after {
width: 100%;
display: inline-block;
content: '';
}
JavaScript
var playListURL = 'http://www.google.com';
$.getJSON(playListURL, function (data) {
var list_data = "";
$.each(data.feed.entry, function (i, item) {
var feedURL = item.link[1].href;
var fragments = feedURL.split("/");
var videoID = fragments[fragments.length - 2];
var thumb ="http://uae.voxcinemas.com/images/logo.jpg";
list_data += '<img src="' + thumb + '"> ';
});
$(list_data).appendTo(".thumbs");
});