[YouTube] Player API Reference for iframe Embeds: onPlayerStateChange ne s'exécute pas
J'ai dans ma page html des vidéos youtube et je veux les contrôler.
Mon code html :
Code:
1 2 3 4
| <iframe width="225" height="155" ....................></iframe>
<iframe width="225" height="155" ....................></iframe>
<iframe width="225" height="155" ....................></iframe>
<script src="https://www.youtube.com/iframe_api"></script> |
Les id de mes vidéos youtube sont stockés dans un tableau.
Je veux que lorsque je clique sur une vidéo ou lorsqu'elle se termine, une alert se déclenche.
J'utilise pour ça l'api youtube :https://developers.google.com/youtub..._api_reference
Voici mon code javascript :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
| function onYouTubeIframeAPIReady() {
// insert YouTube Player objects into our playerArray
alert("1");
for (var i = 0; i < videoArray.length; i++) {
playerArray[i] = new YT.Player(videoArray[i].id, {
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
}
function onPlayerReady(event) {
alert("2");
event.target.playVideo();
}
// when the player changes states
function onPlayerStateChange(event) {
alert("3");
// if the video begins playing, send the event
if (event.data == YT.PlayerState.PLAYING) {
alert();
}
// if the video ends, send the event
if (event.data == YT.PlayerState.ENDED) {
alert();
}
} |
Rien n'est affiché lors du clique sur mes vidéos...
Merci d'avance.