Événement de mise à jour de l' heure HTML Audio/Vidéo DOM
❮ Référence DOM HTML Audio/Vidéo
Exemple
Lorsque la position de lecture d'une vidéo a changé, affichez la position actuelle de la vidéo en secondes :
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Assign an ontimeupdate event to the <video> element, and execute a function if the current playback position has changed
vid.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the video in a <p> element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L'événement timeupdate se produit lorsque la position de lecture d'un fichier audio/vidéo a changé.
Cet événement est invoqué par :
- Lecture de l'audio/vidéo
- Déplacement de la position de lecture (comme lorsque l'utilisateur avance rapidement vers un point différent de l'audio/vidéo)
Astuce : cet événement timeupdate est souvent utilisé avec la propriété currentTime de l'objet audio/vidéo, qui renvoie la position actuelle de la lecture audio/vidéo, en secondes.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'événement.
| Event | |||||
|---|---|---|---|---|---|
| timeupdate | Yes | 9.0 | Yes | Yes | Yes |
Syntaxe
En HTML :
<audio|video ontimeupdate="myScript">
En Javascript :
audio|video.ontimeupdate=function(){myScript};
En JavaScript, en utilisant la méthode addEventListener() :
audio|video.addEventListener("timeupdate", myScript);
Détails techniques
| Balises HTML compatibles : | <audio> et <vidéo> |
|---|---|
| Objets JavaScript pris en charge : | Audio Video |
Plus d'exemples
Exemple
Lorsque la position de lecture d'un audio a changé, affichez la position actuelle de l'audio en secondes :
// Get the <audio> element with id="myVideo"
var aud = document.getElementById("myVideo");
// Assign an ontimeupdate event to the <audio> element, and execute a function if the current playback position has changed
aud.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the audio in a <p> element with id="demo"
document.getElementById("demo").innerHTML = aud.currentTime;
}
Exemple
Utilisation de la propriété currentTime pour définir la position de lecture actuelle sur 5 secondes :
document.getElementById("myVideo").currentTime = 5;
❮ Référence DOM HTML Audio/Vidéo