Html5 video et evennement

Question

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 ?

micetf · Answer

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";
}

laulo93 · Answer

merci !

laulo93 · Answer

j'utiliserai visibility="visible" pour garder la mise en page !

Html5 video et evennement

3 réponses

Votre réponse

Discussions similaires

Newsletters