Derniers tutoriels de développement web
 

HTML Audio / Vidéo DOM seeked événement

<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 »

<HTML Audio / Vidéo Référence du DOM