Événement ontimeupdate

Définition et utilisation

L'événement ontimeupdate se produit lorsque la position de lecture de l'audio/vidéo change.

Cet événement est déclenché par :

  • Lire l'audio/vidéo
  • Déplacer la position de lecture (par exemple, lorsque l'utilisateur accélère vers un point différent de l'audio/vidéo)

Conseil :L'événement ontimeupdate est généralement utilisé avec l'objet Propriété currentTimeEnsemble, cette propriété retourne la position actuelle de lecture de l'audio/vidéo, en secondes.

Exemple

Exemple 1

Exécuter JavaScript lorsque la position de lecture actuelle change :

<video ontimeupdate="myFunction()">

Essayer personnellement

Exemple 2

Exécuter JavaScript lorsque la position de lecture actuelle de l'audio change :

<audio ontimeupdate="myFunction()">

Essayer personnellement

Exemple 3

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

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

Essayer personnellement

Syntaxe

Dans HTML :

<element ontimeupdate="myScript">

Essayer personnellement

Dans JavaScript :

object.ontimeupdate = function(){myScript};

Essayer personnellement

Dans JavaScript, utiliser la méthode addEventListener() :

object.addEventListener("timeupdate", myScript);

Essayer personnellement

Remarque :Internet Explorer 8 ou versions antérieures ne prennent pas en charge Méthode addEventListener().

Détails techniques

Bubbling : Non pris en charge
Annulable : Non pris en charge
Type d'événement : Event
Les balises HTML prises en charge : <audio> et <video>
Version DOM : Événements de niveau 3

Prise en charge du navigateur

Les numéros dans le tableau indiquent la première version du navigateur qui prend en charge complètement cet événement.

Événements Chrome IE Firefox Safari Opera
ontimeupdate Support 9.0 Support Support Support