Événement HTML audio/vidéo recherché par DOM
❮ Référence DOM HTML Audio/Vidéo
Exemple
Lorsque l'utilisateur a fini de se déplacer/sauter vers une nouvelle position dans la vidéo, envoyez un message d'avertissement :
var vid = document.getElementById("myVideo");
vid.onseeked = function() {
alert("Seek operation completed!");
};
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L'événement recherché se produit lorsque l'utilisateur a fini de se déplacer/sauter vers une nouvelle position dans l'audio/vidéo.
Conseil : L'événement recherché est l'opposé de l' événement recherché .
Astuce : utilisez la propriété currentTime de l'objet audio/vidéo pour obtenir la position de lecture actuelle.
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 | |||||
|---|---|---|---|---|---|
| seeked | Yes | 9.0 | Yes | Yes | Yes |
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 compatibles : | <audio> et <vidéo> |
|---|---|
| Objets JavaScript pris en charge : | Audio Video |
Plus d'exemples
Exemple
Cet exemple montre la différence entre l'événement de recherche et l'événement recherché :
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Exemple
Utilisation de la propriété currentTime de l'objet vidéo pour afficher la position de lecture actuelle lorsque l'utilisateur a fini de se déplacer/sauter vers une nouvelle position :
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", myFunction);
function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
Exemple
Lorsque l'utilisateur a fini de se déplacer/sauter vers une nouvelle position dans l'audio, alertez un texte :
var aud = document.getElementById("myAudio");
aud.onseeked = function() {
alert("Seek operation completed!");
};
❮ Référence DOM HTML Audio/Vidéo