HTML onseeked Attribut d'Événement
Exemple
Lorsque l'utilisateur a terminé de se déplacer ou de sauter à une nouvelle position dans la vidéo, affichez un message :
<script>
function myFunction() {
alert('Opération de recherche terminée');
}
</script>
<video onseeked="myFunction()"> Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et Utilisation
L'événement seeked se produit lorsque l'utilisateur a terminé de se déplacer ou de sauter à une nouvelle position dans l'audio ou la vidéo.
Conseil : L'événement seeked est l'opposé de l'événement seeking .
Conseil : Utilisez la propriété currentTime de l'objet Audio/Video pour obtenir la position de lecture actuelle.
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 | |||||
|---|---|---|---|---|---|
| seeked | Oui | 9.0 | Oui | Oui | Oui |
Syntaxe
< élément onseeked=" script "> Valeurs d'Attribut
| Valeur | Description |
|---|---|
| script | Le script à exécuter lorsque la ligne de temps change |
Détails Techniques
| Balises HTML prises en charge : | <audio> et <video> |
|---|
Plus d'Exemples
Exemple
Cet exemple démontre la différence entre l'événement seeking et l'événement seeked :
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Exemple
Utilisation de la propriété currentTime de l'objet Vidéo pour afficher la position actuelle de lecture lorsque l'utilisateur a terminé de se déplacer ou de sauter à une nouvelle position :
// Obtenez l'élément <video> avec id="myVideo"
let vid = document.getElementById("myVideo");
// Attachez un événement seeked à l'<video>, et exécutez une fonction lorsque l'opération de recherche est terminée
vid.addEventListener("seeked", myFunction);
function myFunction() {
// Affichez la position actuelle de l'<video> dans un élément p avec id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
Exemple
Lorsque l'utilisateur a terminé de se déplacer ou de sauter à une nouvelle position dans l'audio, affichez un message :
<script>
function myFunction() {
alert('Opération de recherche terminée');
}
</script>
<audio onseeked="myFunction()">