J'ai dans ma page html des vidéos youtube et je veux les contrôler.
Mon code html :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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 :
Rien n'est affiché lors du clique sur mes vidéos...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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(); } }
Merci d'avance.
Partager