Ik heb een alert toegevoegd om het youtube adres uit te lezen.
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...

Reageren