DOM Audio/Video HTML seeked É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 d'alerte :
let vid = document.getElementById("myVideo");
vid.onseeked = function() {
alert("Opération de recherche terminée !");
}; 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
En HTML :
< audio|video onseeked=" myScript "> En JavaScript :
audio|video .onseeked=function(){ myScript }; En JavaScript, en utilisant la méthode addEventListener() :
audio|video .addEventListener("seeked", myScript ); Détails Techniques
| Balises HTML prises en charge : | <audio> et <video> |
|---|---|
| Objets JavaScript pris en charge : | Audio, Vidéo |
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 d'alerte :
let aud = document.getElementById("myAudio");
aud.onseeked = function() {
alert("Opération de recherche terminée !");
};