HTM5 'ended' video event

Version imprimable

Bonjour,

Je ne comprends pas tout fonctionne sauf l'evenement ended, qu'est-ce qui ne va pas ?

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
29
30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
        <head>
                <title>Chat xAjax</title>
                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        </head>
        <body>
<script type="text/javascript">
 
function seek(event) {
	video = document.getElementById("myvideo");
	video.currentTime = 10 ;
}
 
function play(event) { 
	video = document.getElementById("myvideo");
	video.play() ;
} 
 
</script>
        	<center><video src="video.ogg" id="myvideo" width="640" height="480" autobuffer></video></center><br>
 
		<script type="text/javascript">
			var video = document.getElementById("myvideo"); 
			video.addEventListener("canplaythrough", play , false);
			video.addEventListener("play", seek , false);
			video.addEventListener('ended', function () { alert('video playback finished') } );
		</script>
        </body>
</html>

Ma video se seek à 10s, puis à la fin je devrai avoir un message d'alerte. Je suis sous Firefox 3.5.

Une idée ?

J'ai esseyé sous differentes syntaxe, celle ci est une syntaxe copiée collée sur un script qui fonctionne et pourtant ca ne fonctionne pas non plus :calim2:

29/10/2009, 23h22
totoz
Bon j'ai trouvé, ça semble etre un bug avec certaines videos ogg. Le ended n'est pas envoyé.
J'ai donc trouvé une astuce qui pourrait servir si vous avez le meme probleme :
Code:

1 2 3 4 video.addEventListener("timeupdate", function() { if (video.currentTime >= video.duration - 1) { ma_fonction() ; }}, false);
Je check donc la duration toutes les 250ms et quand j'arrive à video.duration - 1 seconde ma fonction fonctionne :ccool:

A bientot
16/11/2009, 16h31
hildifons
Citation:
Envoyé par totoz

Bon j'ai trouvé, ça semble etre un bug avec certaines videos ogg. Le ended n'est pas envoyé.
J'ai donc trouvé une astuce qui pourrait servir si vous avez le meme probleme :

Code:

1 2 3 4 video.addEventListener("timeupdate", function() { if (video.currentTime >= video.duration - 1) { ma_fonction() ; }}, false);

Je check donc la duration toutes les 250ms et quand j'arrive à video.duration - 1 seconde ma fonction fonctionne :ccool:

A bientot
Le problème vient du fait que le paramètre duration n'est pas bon sur certaines vidéos. Un réencodage résout le problème. :mouarf:
16/11/2009, 18h32
Invité

jour
par contre fait gaffe car il me semble que si tu met une duration negative sur ff sa t'affiche une erreur