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

Exemples

Pop-up message texte lorsque l'utilisateur commence à se déplacer / saut vers une nouvelle position de lecture vidéo:

var vid = document.getElementById ( "myVideo");
vid.onseeking = function () {
alert ( "opération de recherche a commencé!");
};

Essayez »

Bas de cet article contient d'autres exemples.

Définition et utilisation

Lorsque l'on cherche à déclencher un événement dans l'utilisateur commence à se déplacer / saut à la nouvelle audio / vidéo (audio / vidéo) position de lecture.

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

Astuce: Utilisez l'objet audio / vidéo currentTime propriété Obtient la position de lecture.

support du navigateur

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

événement
recherche	oui	9.0	oui	oui	oui

grammaire

En HTML:

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

En JavaScript:

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

JavaScript, utilisez la méthode addEventListener ():

audio | vidéo .addEventListener ( «recherche» , 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 commence à se déplacer vers un nouvel emplacement, utilisez la propriété objet Video currentTime affiche la position actuelle de la lecture:

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

// Pour la <video> cherche à ajouter un événement, si vous commencez à traiter une fonction commence l'exécution
vid.addEventListener ( «recherche», myFunction);

function myFunction () {
// Affichage id = "demo" de l'élément de p <video> positions des joueurs
. Document.getElementById ( "demo") innerHTML = vid.currentTime;
}

Essayez »