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 :

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();
	}
}
Rien n'est affiché lors du clique sur mes vidéos...

Merci d'avance.