Html5 video et evennement
Bonjour,
Je souhaite surveiller une "videotest". Lorsque celle ci est à 5 seconde je veux rendre visible la division 1.
Pour cela je sais qu'on utilise :
- currentTime,
- document.getElementById("1").style.display = "block";
- document.getElementById("1").style.display = "none";
Or je ne sais pas comment écrire : Je test chaque seconde ou en est la vidéo pour déclencher l'apparition d'une division sur le coté. J'ai tenter des boucles sans succès
Ceci est dans le cadre d'un projet webdocumentaire.
Avez vous une idée ?
Je souhaite surveiller une "videotest". Lorsque celle ci est à 5 seconde je veux rendre visible la division 1.
Pour cela je sais qu'on utilise :
- currentTime,
- document.getElementById("1").style.display = "block";
- document.getElementById("1").style.display = "none";
Or je ne sais pas comment écrire : Je test chaque seconde ou en est la vidéo pour déclencher l'apparition d'une division sur le coté. J'ai tenter des boucles sans succès
Ceci est dans le cadre d'un projet webdocumentaire.
Avez vous une idée ?
3 réponses
-
Quelque chose comme ça ?
var video=document.getElementById("mavideo"); var division=document.getElementById("1"); division.style.display="none"; video.addEventListener('timeupdate',function() { if (video.currentTime==5) division.style.display="block"; }
-
merci !
-
j'utiliserai visibility="visible" pour garder la mise en page !
