Exemple
Exécuter un script JavaScript lorsque la position de lecture en cours a changé:
<video ontimeupdate="myFunction()"> Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
L'événement ontimeupdate 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 rapide à un point différent dans l'audio / vidéo)
Astuce: L'événement ontimeupdate est souvent utilisé en même temps que la currentTime propriété de l'objet audio / vidéo, qui retourne la position actuelle de la lecture audio / vidéo, en quelques secondes.
Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement l'événement.
| un événement | |||||
|---|---|---|---|---|---|
| ontimeupdate | Oui | 9.0 | Oui | Oui | Oui |
Syntaxe
En HTML:
< Essayez vous - même » JavaScript:
object .ontimeupdate=function(){ Essayez vous - même » En JavaScript, en utilisant la addEventListener() méthode:
object .addEventListener("seeking", myScript );
Essayez vous - même » Note: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
| Bulles: | Non |
|---|---|
| cancelable: | Non |
| Type d'événement: | un événement |
| Pris en charge les balises HTML: | <audio> et <video> |
| DOM Version: | Niveau 3 Évènements |
autres exemples
Exemple
Exécuter un script JavaScript lorsque la position actuelle de la lecture d'un fichier audio a changé:
<audio ontimeupdate="myFunction()">
Essayez vous - même » Exemple
En utilisant la propriété currentTime pour régler la position de lecture en cours à 5 secondes:
document.getElementById("myVideo").currentTime = 5;
Essayez vous - même » <Object Event