<HTML Audio / Video DOM Referenz
Beispiel
Wenn die Wiedergabeposition eines Video geändert hat, in Sekunden, um die aktuelle Position der Videoanzeige:
// 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;
} Versuch es selber " Mehr "Versuchen Sie es selbst" Beispiele unten.
Definition und Verwendung
Die timeupdate Ereignis tritt auf, wenn die Wiedergabeposition eines Audio / Video geändert hat.
Dieses Ereignis wird aufgerufen durch:
- Abspielen der Audio / Video
- Das Verschieben der Wiedergabeposition (wie wenn der Benutzer schnell nach vorn zu einem anderen Punkt in der Audio / Video)
Tipp: Diese timeupdate Ereignis oft verwendet wird , zusammen mit dem current Eigenschaft des Audio / Video - Objekt, die die aktuelle Position des Audio / Video - Wiedergabe zurückkehrt, in Sekunden.
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Ereignis vollständig unterstützt.
| Event | |||||
|---|---|---|---|---|---|
| timeupdate | ja | 9.0 | ja | ja | ja |
Syntax
In HTML:
< audio|video ontimeupdate="myScript"> Try it In JavaScript:
audio|video .ontimeupdate=function(){myScript}; Try it In JavaScript mit der addEventListener() Methode:
audio|video .addEventListener("timeupdate", myScript ); Try it Hinweis: Die addEventListener() Methode wird nicht unterstützt in Internet Explorer 8 und frühere Versionen.
Technische Details
| Unterstützte HTML-Tags: | <audio> and <video> |
|---|---|
| Unterstützte JavaScript-Objekte: | Audio, Video |
Mehr Beispiele
Beispiel
Wenn die Wiedergabeposition eines Audio geändert hat, in Sekunden, um die aktuelle Position des Audio-Display:
// 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;
}
Versuch es selber " Beispiel
Mit der Eigenschaft current die aktuelle Abspielposition auf 5 Sekunden einzustellen:
document.getElementById("myVideo").currentTime = 5;
Versuch es selber "