function labnolIframe(div) {
var iframe = document.createElement(“iframe”);
iframe.setAttribute(“src”, “https://www.youtube.com/embed/” + div.dataset.id + “?feature=oembed&enablejsapi=1&autoplay=1&rel=0”);
iframe.setAttribute(“title”, div.dataset.title);
iframe.setAttribute(“frameborder”, “0”);
iframe.setAttribute(“allowfullscreen”, “1”);
iframe.setAttribute(“allow”, “accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture”);
div.parentNode.replaceChild(iframe, div);
}

function initYouTubeVideos() {
var playerElements = document.getElementsByClassName(“youtube-player”);
for (var n = 0; n < playerElements.length; n++) {
var videoId = playerElements[n].dataset.id;
var thumbNode = document.createElement("img");
thumbNode.src = "//i.ytimg.com/vi_webp/ID/maxresdefault.webp".replace("ID", videoId);
playerElements[n].appendChild(thumbNode);
var playButton = document.createElement("div");
playButton.setAttribute("class", "play");
playerElements[n].appendChild(playButton);
playerElements[n].onclick = function () {
labnolIframe(this);
};
}
}

document.addEventListener("DOMContentLoaded", initYouTubeVideos);