Événement de recherche de DOM audio/vidéo HTML
❮ Référence DOM HTML Audio/Vidéo
Exemple
Lorsque l'utilisateur commence à se déplacer/sauter vers une nouvelle position dans la vidéo, un message d'avertissement :
var vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("Seek operation began!");
};
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L'événement de recherche se produit lorsque l'utilisateur commence à 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 | |||||
|---|---|---|---|---|---|
| seeking | Yes | 9.0 | Yes | Yes | Yes |
Syntaxe
En HTML :
<audio|video onseeking="myScript">
En Javascript :
audio|video.onseeking=function(){myScript};
En JavaScript, en utilisant la méthode addEventListener() :
audio|video.addEventListener("seeking", 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 commence à passer à une nouvelle position :
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeking event to the <video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", 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 commence à se déplacer/sauter vers une nouvelle position dans l'audio, alertez un texte :
var aud = document.getElementById("myAudio");
aud.onseeking = function() {
alert("Seek operation began!");
};
❮ Référence DOM HTML Audio/Vidéo