Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Enregistrer le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <body> <p>Dans cet exemple, nous attribuons un attribut "ontimeupdate" à un élément vidéo. Lorsque l'utilisateur commence à lire la vidéo, ou passe à une nouvelle position dans la vidéo, une fonction est déclenchée, qui affichera la position actuelle (en secondes) de la lecture vidéo.</p> <video controls ontimeupdate="myFunction(this)"> <source src="mov_bbb.mp4" type="video/mp4"> <source src="mov_bbb.ogg" type="video/ogg"> Votre navigateur ne prend pas en charge la vidéo HTML5. </video> <p>Position de lecture :<span id="demo"></span></p> <script> function myFunction(event) { // La propriété currentTime renvoie la position actuelle de la lecture audio/vidéo document.getElementById("demo").innerHTML = event.currentTime; } </script> <p>Vidéo fournie par<a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p> </body> </html>