<HTML Audio / Vidéo Référence du DOM
Exemple
Lorsque l'utilisateur a terminé le déplacement / sauter à une nouvelle position dans la vidéo, alerter un texte:
var vid = document.getElementById("myVideo");
vid.onseeked = function() {
alert("Seek operation completed!");
};
Essayez - le vous - même » Plus "Try it yourself" exemples ci-dessous.
Définition et utilisation
L'événement seeked se produit lorsque l'utilisateur a terminé le déplacement / sauter à une nouvelle position dans l'audio / vidéo.
Astuce: L'événement seeked est le contraire de la recherche événement.
Astuce: Utilisez le currentTime propriété de l'objet audio / vidéo pour obtenir la position de lecture en cours.
support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement l'événement.
un événement | |||||
---|---|---|---|---|---|
seeked | Oui | 9.0 | Oui | Oui | Oui |
Syntaxe
En HTML:
< audio|video onseeked="myScript"> Try it
En JavaScript:
audio|video .onseeked=function(){myScript}; Try it
En JavaScript, en utilisant la addEventListener() méthode:
audio|video .addEventListener("seeked", myScript ); Try it
Remarque: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
balises HTML prises en charge: | <audio> and <video> |
---|---|
objets JavaScript pris en charge: | Audio, Video |
Autres exemples
Exemple
Cet exemple montre la différence entre l'événement et l'événement de recherche seeked:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Essayez - le vous - même » Exemple
En utilisant la propriété currentTime de l'objet de la vidéo pour afficher la position de temps de jeu en cours lorsque l'utilisateur a terminé le déplacement / sauter à 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;
}
Essayez - le vous - même » Exemple
Lorsque l'utilisateur a terminé le déplacement / sauter à une nouvelle position dans l'audio, alerter un texte:
var aud = document.getElementById("myAudio");
aud.onseeked = function() {
alert("Seek operation completed!");
};
Essayez - le vous - même »