Attribut d'Événement ontimeupdate HTML
Exemple
Afficher un message lorsque la position de lecture change :
<script>
function myFunction() {
alert('La position de lecture a changé');
}
</script>
<video ontimeupdate="myFunction()"> 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 audio ou d'une vidéo change.
Cet événement est déclenché par :
- La lecture de l'audio ou de la vidéo
- Le déplacement de la position de lecture (par exemple, lorsque l'utilisateur avance rapidement à un autre point dans l'audio ou la vidéo)
Conseil : 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.
Support des Navigateurs
Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'événement.
| Événement | |||||
|---|---|---|---|---|---|
| timeupdate | Oui | 9.0 | Oui | Oui | Oui |
Syntaxe
< élément ontimeupdate=" script "> Valeurs d'Attributs
| Valeur | Description |
|---|---|
| script | Le script à exécuter lors d'un changement de position de lecture |
Détails Techniques
| Balises HTML prises en charge : | <audio> et <video> |
|---|
Plus d'Exemples
Exemple
Afficher un message lorsque la position de lecture de l' audio change :
<script>
function myFunction() {
alert('La position de lecture a changé');
}
</script>
<audio ontimeupdate="myFunction()"> Exemple
Lorsque la position de lecture d'un audio change, afficher la position actuelle de l'audio en secondes :
// Obtenir l'élément <audio> avec id="myVideo"
let aud = document.getElementById("myVideo");
// Assigner un événement ontimeupdate à l'élément <audio>, et exécuter une fonction si la position de lecture actuelle a changé
aud.ontimeupdate = function() {myFunction()};
function myFunction() {
// Afficher la position actuelle de l'audio dans un élément <p> avec id="demo"
document.getElementById("demo").innerHTML = aud.currentTime;
}
Exemple
Utiliser la propriété currentTime pour définir la position de lecture actuelle à 5 secondes :
document.getElementById("myVideo").currentTime = 5;