HTML Audio/Video DOM recherche Événement
Exemple
Lorsque l'utilisateur commence à se déplacer ou à sauter vers une nouvelle position dans la vidéo, affichez un message :
let vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("L'opération de recherche a commencé !");
}; 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 ou à sauter vers une nouvelle position dans l'audio ou la vidéo.
Conseil : L'événement de recherche est l'opposé de l'événement recherché .
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 | |||||
|---|---|---|---|---|---|
| recherche | Oui | 9.0 | Oui | Oui | Oui |
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 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 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 actuelle de lecture lorsque l'utilisateur commence à sauter vers une nouvelle position :
// Obtenez l'élément <video> avec id="myVideo"
let vid = document.getElementById("myVideo");
// Attachez un événement de recherche à l'<video>, et exécutez une fonction si une opération de recherche commence
vid.addEventListener("seeking", 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 commence à se déplacer ou à sauter vers une nouvelle position dans l'audio, affichez un message :
let aud = document.getElementById("myAudio");
aud.onseeking = function() {
alert("L'opération de recherche a commencé !");
};