Bedoeling is dat bij het klikken van een youtube-thumb er een groter scherm opent
met het betreffende filmpje.
De webpagina is te vinden (tijdelijk):
http://www.pctraverse.nl/tabel3.html
var first_part_of_url='http://www.youtube.com/v/';
last_part_of_url='?autoplay=1&showinfo=0&start=0&rel=0&autohide=0&controls=1&modestbranding=1&vq=large&wmode=window';
(function() {
var v = document.getElementsByClassName("youtube-player");
for (var n = 0; n < v.length; n++) {
var p = document.createElement("div");
p.innerHTML = labnolThumb(v[n].dataset.id);
p.onclick = labnolIframe;
v[n].appendChild(p);
}
})();
function labnolThumb(id) {
return '<img class="youtube-thumb" src="https://img.youtube.com/vi/' + id + '/0.jpg"><div class="play-button"></div>';
}
function labnolIframe() {
document.getElementById('youtube').style.display="block";
document.getElementById('frame').src = first_part_of_url + this.parentNode.dataset.id + last_part_of_url;
alert (first_part_of_url + this.parentNode.dataset.id + last_part_of_url);
}
[size=xsmall]Toevoeging op 13/06/2017 15:03:48:[/size]
Probleem is opgelost...Youtube gebruikt nu wat andere embedded codes...