functie werkt wel plaatselijk (PC), maar niet als webpagina
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
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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);
}
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);
}
Toevoeging op 13/06/2017 15:03:48:
Probleem is opgelost...Youtube gebruikt nu wat andere embedded codes...
Er zijn nog geen reacties op dit bericht.