Exécuter
❯
Exécuter le code
Ctrl+Alt+R
Sauvegarder le code
Ctrl+Alt+A
Changer d'orientation
Ctrl+Alt+O
Changer de thème
Ctrl+Alt+D
<!DOCTYPE html> <html> <body> <p>Cet exemple montre la différence entre l'événement seeking et l'événement seeked.</p> <p>L'événement de recherche se produit chaque fois que l'utilisateur COMMENCE à se déplacer/à sauter vers une nouvelle position dans l'audio/vidéo.</p> <p>L'événement recherché se produit lorsque l'utilisateur a TERMINÉ de se déplacer/de sauter à une nouvelle position dans l'audio/vidéo.</p> <p>Déplacez-vous vers une nouvelle position dans la vidéo.<strong>Astuce :</strong>Essayez de maintenir le bouton de la souris enfoncé et de faire des allers-retours dans la lecture vidéo.</p> <video onseeking="myFunction()" onseeked="mySecondFunction()" 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>seeking a eu lieu :<span id="demo"></span> fois.</p> <p>seeked s'est produit :<span id="demo2"></span> fois.</p> <script> x = 0; function myFunction() { document.getElementById("demo").innerHTML = x += 1; } y = 0; function mySecondFunction() { document.getElementById("demo2").innerHTML = y += 1; } </script> <p>Vidéo fournie par<a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p> </body> </html>