Videos

$.ajax({
url: 'https://content.googleapis.com/youtube/v3/playlistItems?maxResults=50&part=snippet&playlistId=PLG0a6aFKOI_giAY9wSupDogDGrmN8Zo1v&key=AIzaSyDcxCTneoolsMGhrbXjxf14jg9ozDrP-QQ',
dataType: "json",
success: function(data) {
var videos = data.items;
console.log(videos);
$('#mainVid').attr('src', "https://www.youtube.com/embed/" + videos[0].snippet.resourceId.videoId + "?autoplay=1");
for(i=0; i<videos.length; i++){
var div = document.createElement("div");
div.innerHTML =
"<div style='width: 33%; float:left; margin-bottom: 1%'>" +
"<img class='pyrexVids' data-video =" + videos[i].snippet.resourceId.videoId + " src=" + videos[i].snippet.thumbnails.default.url + ">" +
"</div>";
document.getElementById('vidBox').appendChild(div);
}
$('img').click(function(){
var url = $(this).attr('data-video');
console.log(url);
$('#mainVid').attr('src', 'https://www.youtube.com/embed/' + url + '?autoplay=1');
})
}
})