HTML onseeking Attribut d'Événement
Exemple
Lorsque l'utilisateur commence à se déplacer ou à sauter vers une nouvelle position dans la vidéo, affichez un message :
<script>
function myFunction() {
alert('L'opération de recherche a commencé');
}
</script>
<video onseeking="myFunction()"> 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 seeked .
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 | |||||
|---|---|---|---|---|---|
| seeking | Oui | 9.0 | Oui | Oui | Oui |
Syntaxe
< élément onseeking=" script "> Valeurs d'Attribut
| Valeur | Description |
|---|---|
| script | Le script à exécuter au début d'un changement de chronologie |
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 de recherche et l'événement de recherche :
<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 :
<script>
function myFunction() {
alert('L'opération de recherche a commencé');
}
</script>
<audio onseeking="myFunction()">