5568 sujets
Sémantique web et HTML
Bonjour Clara,
En effet c'est possible de détecter la fin d'une vidéo en javascript (En jQuery ci-dessous).
Il existe une multitude de callback à exploiter.
Dans ton cas voici la syntaxe:
Penses tout de même à bien vérifier sur tous les browser
@+
En effet c'est possible de détecter la fin d'une vidéo en javascript (En jQuery ci-dessous).
Il existe une multitude de callback à exploiter.
Dans ton cas voici la syntaxe:
<script type="text/javascript">
$(function () {
$("#idDeTaVideo").bind("ended", function() {
alert("La Fin ?");
});
});
</script>Penses tout de même à bien vérifier sur tous les browser
@+
C'es très sympa, j'ai essayé ce code, mais cela ne marche pas...
Aussi pourrai tu m'expliquer le fonctionnement ?
<!DOCTYPE HTML>
<head>
<script type="text/javascript">
$(function () {
$("#video").bind("ended", function() {
alert("La Fin ?");
});
});
</script>
</head>
<html>
<body>
<video id="video" width="300" height="200" controls preload='none'
poster="http://media.w3.org/2010/05/sintel/poster.png">
<source id='mp4'
src="http://media.w3.org/2010/05/sintel/trailer.mp4"
type='video/mp4'>
Your browser does not support the <video> element.
</video>
</body>
</html>
Aussi pourrai tu m'expliquer le fonctionnement ?
<!DOCTYPE HTML>
<head>
<script type="text/javascript">
$(function () {
$("#video").bind("ended", function() {
alert("La Fin ?");
});
});
</script>
</head>
<html>
<body>
<video id="video" width="300" height="200" controls preload='none'
poster="http://media.w3.org/2010/05/sintel/poster.png">
<source id='mp4'
src="http://media.w3.org/2010/05/sintel/trailer.mp4"
type='video/mp4'>
Your browser does not support the <video> element.
</video>
</body>
</html>
Comment ça,ça ne fonctionne pas? 
Sur quel navigateur ?
N'oublie pas que tous les navigateurs n'utilisent pas le même format vidéo.
Je t'invite à lire ce très bel article : http://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.html
Voici mon code de test:
Sur quel navigateur ?
N'oublie pas que tous les navigateurs n'utilisent pas le même format vidéo.
Je t'invite à lire ce très bel article : http://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.html
Voici mon code de test:
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<title>Un title? nooooooooon</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function () {
$("#videoClara").bind("ended", function() {
alert("La fin!");
});
});
</script>
<video id="videoClara" width="400" height="222" controls="controls">
<source src="./test.mp4" type="video/mp4" />
<source src="./test.webm" type="video/webm" />
<source src="./test.ogv" type="video/ogg" />
Clara ton navigateur est un peu vieux non?
</video>
</body>
</html>
Ok,
je passe la partie HTML où je pense que tu as tout compris.
Pour le javascript, deux choses:
- bind: permet de lier une action à un événement.
- ended (événement media pour signaler la fin de la vidéo...)
Tu peux retrouver certains événement ici
En fait bind permet de dire: quand ended arrive, tu m'affiches mon alert.
C'est clair pour toi maintenant?
je passe la partie HTML où je pense que tu as tout compris.
Pour le javascript, deux choses:
- bind: permet de lier une action à un événement.
- ended (événement media pour signaler la fin de la vidéo...)
Tu peux retrouver certains événement ici
En fait bind permet de dire: quand ended arrive, tu m'affiches mon alert.
C'est clair pour toi maintenant?