Événements seekingdu DOM Audio/Vidéo HTML

Manuel de référence du DOM HTML/Vidéo

Exemple

Afficher des informations textuelles lorsque l'utilisateur commence à se déplacer/sauter vers une nouvelle position de lecture vidéo :

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

Essayez-le vous-même »

Cet article contient plus d'exemples en bas.

Définition et utilisation

L'événement seeking est déclenché lorsque l'utilisateur commence à se déplacer/sauter vers une nouvelle position de lecture audio/vidéo.

Astuce :L'événement opposé à l'événement seeking est l'événementseeked.

Astuce :Utilisez l'attributcurrentTimedes objets Audio/Vidéo pour obtenir la position de lecture.

Prise en charge des navigateurs

Les nombres dans le tableau représentent le numéro de version du premier navigateur qui prend en charge l'événement.

Événements
seeking Oui 9.0 Oui Oui Oui

Syntaxe

En HTML :

<audio|video onseeking="myScript">Essayez-le vous-même

En JavaScript :

audio|video.onseeking=function(){myScript};Essayez-le vous-même

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

audio|video.addEventListener("seeking", myScript);Essayez-le vous-même

Remarque :Internet Explorer 8 et les versions antérieures d'IE ne prennent pas en charge la méthodeaddEventListener().

Détails techniques
Balises HTML prises en charge : <audio> et <video>
Objets JavaScript pris en charge : Audio, Video

Examples

Plus d’exemples

Exemple

Cet exemple démontre la différence entre l'événement seeking et l'événement seeked :

<video onseeking="myFunction()" onseeked="mySecondFunction()">

Essayez-le vous-même »

Exemple

Lorsque l'utilisateur commence à se déplacer vers une nouvelle position, utilisez la propriété currentTime de l'objet Video pour afficher la position de lecture actuelle :

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

// Ajouter l'événement seeking à <video>, si seeking démarre, exécuter la fonction
vid.addEventListener("seeking", myFunction);

function myFunction() {
// Afficher la position de lecture de <video> dans l'élément p avec id="demo"
    document.getElementById("demo").innerHTML = vid.currentTime;
}

Essayez-le vous-même »

Exemple

Afficher un message d'invite lorsque l'utilisateur termine le déplacement/le saut vers la nouvelle position de lecture audio :

var aud = document.getElementById("myAudio");
aud.onseeking = function() {
    alert("L'opération de recherche a commencé !");
};

Essayez-le vous-même »

Manuel de référence HTML Audio/Video DOMautres extensions