HTML Audio/Video DOM timeupdateEreignisse

HTML Audio/Video DOM Referenzhandbuch

Beispiel

Wenn sich die Wiedergabeposition des Videos geändert hat, zeigen Sie die aktuelle Wiedergabeposition des Videos an (in Sekunden):

// Holt das <video>-Element mit id="myVideo"
var vid = document.getElementById("myVideo");

// Fügen Sie dem <video>-Element ein ontimeupdate-Ereignis hinzu und führen Sie eine Funktion aus, wenn sich die aktuelle Wiedergabeposition ändert.
vid.ontimeupdate = function() {myFunction()};

function myFunction() {
// Zeigen Sie die Videowiedergabeposition im <p>-Element mit id="demo" an
    document.getElementById("demo").innerHTML = vid.currentTime;
}

Selbst ausprobieren »

Dieser Artikel enthält unten weitere Beispiele.

Definition und Verwendung

Das timeupdate-Ereignis wird ausgelöst, wenn sich die Wiedergabeposition des Audio/Video ändert.

Dieses Ereignis kann in den folgenden Fällen ausgelöst werden:

  • Audio/Video abspielen (audio/video)
  • Wiedergabeposition von Audio/Video verschieben

Tip:Das timeupdate-Ereignis wird normalerweise in Verbindung mit dem AttributcurrentTimedes Audio/Video-Objekts verwendet; dieses Attribut gibt die Wiedergabeposition des Audio/Video (in Sekunden) zurück.

Browser-Unterstützung

Die Zahlen in der Tabelle geben die Versionsnummer des ersten Browsers an, der dieses Ereignis unterstützt.

Ereignisse
timeupdate Ja 9.0 Ja Ja Ja

Syntax

In HTML:

<audio|video ontimeupdate="myScript">Selbst ausprobieren

In JavaScript:

audio|video.ontimeupdate=function(){myScript};Selbst ausprobieren

In JavaScript unter Verwendung der addEventListener()-Methode:

audio|video.addEventListener("timeupdate", myScript);Selbst ausprobieren

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

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

Examples

Weitere Beispiele

Beispiel

Wenn sich die Wiedergabeposition des Audios ändert, zeigen Sie die aktuelle Wiedergabeposition des Audios (in Sekunden) an:

// Das <audio>-Element mit id="myVideo" abrufen
var aud = document.getElementById("myVideo");

// Fügen Sie dem <audio>-Element ein ontimeupdate-Ereignis hinzu und führen Sie eine Funktion aus, wenn sich die Wiedergabeposition ändert
aud.ontimeupdate = function() {myFunction()};

function myFunction() {
// Zeigt die Wiedergabeposition des Audios im <p>-Element mit id="demo" an
    document.getElementById("demo").innerHTML = aud.currentTime;
}

Selbst ausprobieren »

Beispiel

Verwenden Sie das currentTime-Attribut, um die Wiedergabeposition auf 5 Sekunden zu setzen:

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

Selbst ausprobieren »

HTML Audio/Video DOM-Referenzhandbuchweitere Erweiterungen