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 attachons un événement "seeking" à l'élément vidéo. La propriété currentTime renvoie la position actuelle (en secondes) de la lecture vidéo.</p> <p>Déplacez-vous vers une nouvelle position dans la vidéo.</p> <video id="myVideo" width="320" height="176" controls> <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>Cherché à positionner :<span id="demo"></span></p> <p>Vidéo fournie par<a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p> <script> // Obtenez l'élément vidéo avec id="myVideo" let vid = document.getElementById("myVideo"); // Attachez un événement de recherche à l'élément vidéo, et exécutez une fonction si une opération de recherche commence vid.addEventListener("seeking", myFunction); function myFunction() { // Afficher la position actuelle de la vidéo dans un élément p avec id="demo" document.getElementById("demo").innerHTML = vid.currentTime; } </script> </body> </html>