Éditeur Tryit de W3Schools

<!DOCTYPE html>
<html>
<body>

<p>Dans cet exemple, nous utilisons la méthode addEventListener() pour attacher un événement "timeupdate" à 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 id="myVideo" 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>Position de lecture :<span id="demo"></span></p>

// Attachez un événement timeupdate à l'élément vidéo, et exécutez une fonction si la position de lecture actuelle a changé
vid.addEventListener("timeupdate", 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>