Derniers tutoriels de développement web
 

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

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

Exemple

Lorsque l'utilisateur commence à se déplacer / sauter à une nouvelle position dans la vidéo, alerter un texte:

var vid = document.getElementById("myVideo");
vid.onseeking = function() {
    alert("Seek operation began!");
};
Essayez - le vous - même »

Plus "Try it yourself" exemples ci-dessous.


Définition et utilisation

L'événement cherche se produit lorsque l'utilisateur commence à se déplacer / sauter à une nouvelle position dans l'audio / vidéo.

Astuce: L'événement est à la recherche à l'opposé du seeked é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
seeking Oui 9.0 Oui Oui Oui

Syntaxe

En HTML:

< audio|video onseeking="myScript"> Try it

En JavaScript:

audio|video .onseeking=function(){myScript}; Try it

En JavaScript, en utilisant la addEventListener() méthode:

audio|video .addEventListener("seeking", 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 commence à passer à une nouvelle position:

// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");

// Attach a seeking event to the <video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", 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 commence à se déplacer / sauter à une nouvelle position dans l'audio, alerter un texte:

var aud = document.getElementById("myAudio");
aud.onseeking = function() {
    alert("Seek operation began!");
};
Essayez - le vous - même »

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