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

Exemples

texte Poussé lorsque l'utilisateur termine re-régler la position de lecture vidéo:

var vid = document.getElementById ( "myVideo");
vid.onseeked = function () {
alert ( "opération de recherche terminée!");
};

Essayez »

Bas de cet article contient d'autres exemples.

Définition et utilisation

événement seeked est déclenché lorsque l'utilisateur doit se déplacer / saut à l'audio / vidéo (audio / vidéo) vers un nouvel emplacement.

Astuce: Au lieu de l' événement seeked événement est à la recherche événement.

Astuce: Utilisez le Audio / Vidéo objet currentTime propriété pour obtenir la position de lecture vidéo.

support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir cette version des faits.

événement
seeked	oui	9.0	oui	oui	oui

grammaire

En HTML:

<Audio | vidéo onseeked = "myScript "> essayer

En JavaScript:

audio | vidéo .onseeked = function () {myScript}; essayez

JavaScript, utilisez la méthode addEventListener ():

audio | vidéo .addEventListener ( "seeked" , myScript); essayez

Remarque: Internet Explorer 8 et les versions antérieures de IE ne supporte pas les addEventListener () méthode.

détails techniques

balises HTML prises en charge:	<Audio> et <video>
Pris en charge les objets JavaScript:	Audio, Vidéo

D'autres exemples

Exemples

Cet exemple montre la différence entre la recherche et l'événement de l'événement seeked:

Essayez »

Exemples

Lorsque l'utilisateur termine déplacer / saut vers la nouvelle position de la vidéo, utilisez currentTime objet propriété de la vidéo pour afficher la position actuelle de la lecture:

// Obtenir id = "myVideo" l'élément <video>
var vid = document.getElementById ( "myVideo");

// Pour la <video> ajouter un événement seeked, après l'opération est terminée, la fonction d'adressage est exécutée
vid.addEventListener ( "seeked", myFunction);

function myFunction () {
// Affiche l'id = "demo" élément p <video> position de lecture actuelle
. Document.getElementById ( "demo") innerHTML = vid.currentTime;
}

Essayez »