HTML-Audio/Video-DOM - Zeitaktualisierungsereignis
❮ HTML-Audio/Video-DOM-Referenz
Beispiel
Wenn sich die Wiedergabeposition eines Videos geändert hat, zeigen Sie die aktuelle Position des Videos in Sekunden an:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Assign an ontimeupdate event to the <video> element, and execute a function if the current playback position has changed
vid.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the video in a <p> element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Das timeupdate-Ereignis tritt auf, wenn sich die Wiedergabeposition eines Audio-/Videomaterials geändert hat.
Dieses Ereignis wird aufgerufen von:
- Abspielen von Audio/Video
- Verschieben der Wiedergabeposition (z. B. wenn der Benutzer schnell zu einem anderen Punkt im Audio/Video vorspult)
Tipp: Dieses timeupdate-Ereignis wird häufig zusammen mit der Eigenschaft currentTime des Audio/Video-Objekts verwendet, die die aktuelle Position der Audio-/Video-Wiedergabe in Sekunden zurückgibt.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Ereignis vollständig unterstützt.
| Event | |||||
|---|---|---|---|---|---|
| timeupdate | Yes | 9.0 | Yes | Yes | Yes |
Syntax
Im HTML-Format:
<audio|video ontimeupdate="myScript">
In JavaScript:
audio|video.ontimeupdate=function(){myScript};
Verwenden Sie in JavaScript die Methode addEventListener():
audio|video.addEventListener("timeupdate", myScript);
Technische Details
| Unterstützte HTML-Tags: | <Audio> und <Video> |
|---|---|
| Unterstützte JavaScript-Objekte: | Audio-Video |
Mehr Beispiele
Beispiel
Wenn sich die Wiedergabeposition eines Audios geändert hat, zeigen Sie die aktuelle Position des Audios in Sekunden an:
// Get the <audio> element with id="myVideo"
var aud = document.getElementById("myVideo");
// Assign an ontimeupdate event to the <audio> element, and execute a function if the current playback position has changed
aud.ontimeupdate = function() {myFunction()};
function myFunction() {
// Display the current position of the audio in a <p> element with id="demo"
document.getElementById("demo").innerHTML = aud.currentTime;
}
Beispiel
Verwenden der Eigenschaft „currentTime“, um die aktuelle Wiedergabeposition auf 5 Sekunden festzulegen:
document.getElementById("myVideo").currentTime = 5;
❮ HTML-Audio/Video-DOM-Referenz