Latest web development tutorials

HTML Audio / Video DOM timeupdate Ereignis

HTML-Audio / Video-Tag Referenz HTML Audio / Video DOM Referenz

Beispiele

Wenn die Videowiedergabeposition verändert hat, zeigt es die aktuelle Videowiedergabeposition (eine Sekunde count):

// Get id = "MyVideo", um das <video> -Element
var vid = document.getElementById ( "MyVideo");

// Hinzufügen ontimeupdate Ereignis <video> -Element, wenn die aktuelle Abspielposition Änderungsfunktion ausgeführt
vid.ontimeupdate = function () {myFunction ()};

Funktion myFunction () {
// Anzeige id = "Demo" von <p> Elemente in der Video-Wiedergabe-Position
( "Demo") document.getElementById innerHTML- = vid.currentTime.
}

Versuchen »

Ende dieses Artikels enthält weitere Beispiele.

Definition und Verwendung

Timeupdate Triggerereignis in der Audio / Video (Audio / Video) Wiedergabeposition verändert wird.

Dieses Ereignis kann unter den folgenden Umständen geltend gemacht werden:

  • Spielen Sie Audio / Video (Audio / Video)
  • Mobile Audio / Video (Audio / Video) Wiedergabeposition

Tipp: timeupdate Ereignis in der Regel mit Audio / Video - Objekt zugeordnet current Verwendung mit dem Eigentum, die die Audio / Video - zurückgibt (Audio / Video) Wiedergabeposition (in Sekunden).

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste Browser, um diese Version der Ereignisse zu unterstützen.

Ereignis
timeupdate ja 9.0 ja ja ja

Grammatik

In HTML:

<Audio | Video ontimeupdate = "myScript "> versuchen

In JavaScript:

Audio | Video .ontimeupdate = function () {} myScript; versuchen

JavaScript, verwenden Sie die Methode addEventListener ():

Audio | Video .addEventListener ( "timeupdate" , myScript); versuchen

Hinweis: Internet Explorer 8 und frühere Versionen von IE nicht unterstützen addEventListener () Methode.

Technische Details
Unterstützte HTML-Tags: <Audio> und <video>
Unterstützte JavaScript Objekte: Audio, Video

Beispiele

Weitere Beispiele

Beispiele

Wenn die Audiowiedergabeposition verändert wird, wird die Anzeige der aktuellen Audio-Wiedergabeposition (in Sekunden):

// Id = "MyVideo" das <audio> -Element Get
var Aud = document.getElementById ( "MyVideo");

// Ontimeupdate Ereignis <audio> Element hinzufügen und die Funktion ausführen, wenn die Wiedergabeposition zu ändern
aud.ontimeupdate = function () {myFunction ()};

Funktion myFunction () {
// Anzeige id = "Demo" des <p> -Element in der Audio-Wiedergabe-Position
( "Demo") document.getElementById innerHTML- = aud.currentTime.
}

Versuchen »

Beispiele

Verwenden Eigenschaft current ist auf 5 Sekunden die Wiedergabeposition eingestellt:

document.getElementById ( "MyVideo") current = 5 .;

Versuchen »

HTML-Audio / Video-Tag Referenz HTML Audio / Video DOM Referenz