Skip to content

Instantly share code, notes, and snippets.

@Mluckydwyer
Last active January 12, 2020 20:06
Show Gist options
  • Save Mluckydwyer/76688dcd65619cc16e3780ba348b1c26 to your computer and use it in GitHub Desktop.
Save Mluckydwyer/76688dcd65619cc16e3780ba348b1c26 to your computer and use it in GitHub Desktop.
Add video list items to a div from Youtube API call
function setList(vids) {
for (var i = 0; i < vids.items.length; i++) {
var vid = vids.items[i];
var image = document.createElement("img");
image.setAttribute('class', 'video-image');
image.setAttribute('src', vid.snippet.thumbnails.medium.url);
var title = document.createElement("a");
title.setAttribute('class', 'video-title');
title.setAttribute('href', 'https://youtube.com/watch?v=' + vid.snippet.resourceId.videoId + '&list=' + playlistID);
title.innerHTML = videoCount + ". " + vid.snippet.title;
videoCount++;
var description = document.createElement("div");
description.setAttribute('class', 'video-description');
description.innerHTML = vid.snippet.description;
var html = document.createElement("li");
html.setAttribute('class', 'result');
html.appendChild(image);
html.appendChild(title);
//html.appendChild(description);
document.getElementById('vid-list').appendChild(html);
}
document.getElementById('main-list').setAttribute('class', 'visible');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment