DOM Audio/Vidéo HTML timeupdateÉvénements

Manuel de référence du DOM HTML/Vidéo

Exemple

Lorsque la position de lecture de la vidéo a changé, affichez la position de lecture actuelle de la vidéo (en secondes) :

// Obtenir l'élément <video> avec id="myVideo"
var vid = document.getElementById("myVideo");

// Ajoutez un événement ontimeupdate à l'élément <video>, et exécutez une fonction si la position de lecture actuelle change.
vid.ontimeupdate = function() {myFunction()};

function myFunction() {
// Affichez la position de lecture de la vidéo dans l'élément <p> avec id="demo"
    document.getElementById("demo").innerHTML = vid.currentTime;
}

Essayez-le vous-même »

Cet article contient plus d'exemples en bas.

Définition et utilisation

L'événement timeupdate est déclenché lorsque la position de lecture de l'audio/vidéo change.

Cet événement peut être invoqué dans les cas suivants :

  • Lire de l'audio/vidéo (audio/vidéo)
  • Déplacer la position de lecture de l'audio/vidéo

Astuce :L'événement timeupdate est généralement associé à l'attributcurrentTimede l'objet Audio/Vidéo ; utilisé avec cet attribut, il renvoie la position de lecture de l'audio/vidéo (en secondes).

Prise en charge des navigateurs

Les nombres dans le tableau indiquent le numéro de version du premier navigateur qui prend en charge cet événement.

Événements
timeupdate Oui 9.0 Oui Oui Oui

Syntaxe

En HTML :

<audio|video ontimeupdate="myScript">Essayez-le vous-même

En JavaScript :

audio|video.ontimeupdate=function(){myScript};Essayez-le vous-même

En JavaScript, en utilisant la méthode addEventListener() :

audio|video.addEventListener("timeupdate", myScript);Essayez-le vous-même

Remarque :Internet Explorer 8 et les versions antérieures d'IE ne prennent pas en charge la méthodeaddEventListener().

Détails techniques
Balises HTML prises en charge : <audio> et <video>
Objets JavaScript pris en charge : Audio, Video

Examples

Plus d’exemples

Exemple

Lorsque la position de lecture de l'audio change, afficher la position de lecture actuelle de l'audio (en secondes) :

// Récupérer l'élément <audio> avec id="myVideo"
var aud = document.getElementById("myVideo");

// Ajouter un événement ontimeupdate à l'élément <audio> et exécuter une fonction lorsque la position de lecture change
aud.ontimeupdate = function() {myFunction()};

function myFunction() {
// Afficher la position de lecture de l'audio dans l'élément <p> avec id="demo"
    document.getElementById("demo").innerHTML = aud.currentTime;
}

Essayez-le vous-même »

Exemple

Utilisez l'attribut currentTime pour définir la position de lecture sur 5 secondes :

document.getElementById("myVideo").currentTime = 5;

Essayez-le vous-même »

Manuel de référence HTML Audio/Video DOMautres extensions