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

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

Exemple

Afficher un texte d'invite lorsque l'utilisateur a fini de définir la position de lecture de la vidéo :

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

Essayez-le vous-même »

D'autres exemples sont inclus en bas de cet article.


Définition et utilisation

L'événement seeked est déclenché lorsque l'utilisateur s'est déplacé/sauté vers une nouvelle position dans l'audio/vidéo.

Astuce :L'événement opposé à l'événement seeked estseekingévénement.

Astuce :En utilisant les objets Audio/VidéocurrentTimeUtilisez l'attribut pour obtenir la position de lecture de la vidéo.


Prise en charge des navigateurs

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

Événements
seeked Oui 9.0 Oui Oui Oui


Syntaxe

En HTML :

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

En JavaScript :

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

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

audio|video.addEventListener("seeked", 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 a terminé de se déplacer/sauter vers une nouvelle position dans la vidéo, 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 un événement seeked à <video>, exécuter la fonction une fois l'opération de recherche terminée
vid.addEventListener("seeked", myFunction);

function myFunction() {
// Afficher la position de lecture actuelle 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 a terminé de se déplacer/sauter vers une nouvelle position de lecture audio :

var aud = document.getElementById("myAudio");
aud.onseeked = function() {
    alert("Opération de recherche terminée !");
};

Essayez-le vous-même »


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