Discussion :

[smfrd8]

j'ai dans ma page html 4 videos youtube(balise iframe),j'utilise l'api youtube iframe, je veux que lorsque l'evenement pause se declanche je récupère le durée de lecture courante de la videao( grâce à la methode getCurrentTime() de l'api), j'ai fais ça

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
29
30
31
32
33
34
35
36
37
function onYouTubeIframeAPIReady() {
    $('.a').each(function(i){
  //Une ou plusieurs instructions JavaScript
                    $div = $(this),
                    id = $div.attr('id'),
                   videoArray[i] = {};
                   videoArray[i].id = id;
                })
	// insert YouTube Player objects into our playerArray
	for (var j = 0; j < videoArray.length; j++) {
		playerArray[j] = new YT.Player(videoArray[j].id, {
                    videoId:videoArray[j].id,
			events: {
                                'onReady': onPlayerReady,
				'onStateChange': onPlayerStateChange(j)
			}
		});
	}
}
function onPlayerReady() {
   //event.target.playVideo();
    }
// when the player changes states
function onPlayerStateChange(event) {
	   console.log("playerStateChange");
	// if the video begins playing, send the event
	if (event.data == YT.PlayerState.PLAYING) {
		console.log("PLAYING");
	}
        if (event.data == YT.PlayerState.PAUSED) {
		console.log(playArray[j].getCurrentTime());
	}
	// if the video ends, send the event
	if (event.data == YT.PlayerState.ENDED) {
		console.log("ENDED");;
	}
}

Mais ça n'a pas marché.
le code de l'erreur est:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
Uncaught TypeError: Cannot call method 'apply' of undefined
g.I 
g.j 
g.J 
X.b
Wa.f

Merci d'avance

[smfrd8]

voici la solution pour ceux que leur interessent.

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
29
30
31
32
33
34
35
36
37
38
39
40
41
<script type="text/javascript">
 
            var playerArray = [],
            videoArray = [], j;
 
 
 
function onYouTubeIframeAPIReady() {
    $('.a').each(function(i){
  //Une ou plusieurs instructions JavaScript
                    $div = $(this),
                    id = $div.attr('id'),
                   videoArray[i] = {};
                   videoArray[i].id = id;
                })
	// insert YouTube Player objects into our playerArray
	for (j = 0; j < videoArray.length; j++) {
		playerArray[videoArray[j].id] = new YT.Player(videoArray[j].id, {
                    videoId:videoArray[j].id,
			events: {
                                'onReady': onPlayerReady,
				'onStateChange': createYTEvent(videoArray[j].id)
			}
		});
	}
}
 
// when the player changes states
function createYTEvent(frameID) {
    return function (event) {
        var player = playerArray[frameID]; // Set player reference
       if (event.data == YT.PlayerState.PAUSED) {
		console.log(frameID+": "+player.getCurrentTime());
                }
        }
}
function onPlayerReady() {
   //event.target.playVideo();
    }
 
        </script>

Salem