Latest web development tutorials

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

HTML audio / vidéo Tag Référence HTML Audio / Vidéo Référence du DOM

Exemples

Lorsque la position de lecture vidéo a changé, il affiche la position de lecture de la vidéo en cours (une seconde de comptage):

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

// Ajouter un événement ontimeupdate élément <video>, si la fonction de lecture en cours de changement de position est exécutée
vid.ontimeupdate = function () {myFunction ()};

function myFunction () {
// Affichage id = "demo" d'éléments <p> dans la position de lecture vidéo
. Document.getElementById ( "demo") innerHTML = vid.currentTime;
}

Essayez »

Bas de cet article contient d'autres exemples.

Définition et utilisation

Timeupdate événement déclencheur dans l'audio / vidéo (audio / vidéo) position de lecture est modifiée.

Cet événement peut être invoquée dans les circonstances suivantes:

  • Lecture audio / vidéo (audio / vidéo)
  • audio Mobile / vidéo (audio / vidéo) position de lecture

Astuce: événement timeupdate habituellement associé avec audio / vidéo objet currentTime utilisation avec la propriété, qui renvoie l'audio / vidéo (audio / vidéo) de position de lecture (en secondes).

support du navigateur

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

événement
timeupdate oui 9.0 oui oui oui

grammaire

En HTML:

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

En JavaScript:

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

JavaScript, utilisez la méthode addEventListener ():

audio | vidéo .addEventListener ( "timeupdate" , 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

Exemples

D'autres exemples

Exemples

Lorsque la position de lecture audio est modifiée, l'affichage de la position audio en cours de lecture (en secondes):

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

// Ajouter un événement ontimeupdate <audio> et exécuter la fonction lors du changement de la position de lecture
aud.ontimeupdate = function () {myFunction ()};

function myFunction () {
// Affichage id = "demo" de l'élément <p> dans la position de lecture audio
. Document.getElementById ( "demo") innerHTML = aud.currentTime;
}

Essayez »

Exemples

propriété Use currentTime est réglé sur 5 secondes, la position de lecture:

document.getElementById ( "myVideo") currentTime = 5 .;

Essayez »

HTML audio / vidéo Tag Référence HTML Audio / Vidéo Référence du DOM