<HTML audio / video DOM de referință
Exemplu
În cazul în care poziția de redare a unui videoclip a schimbat, afișa poziția curentă a videoclipului în secunde:
// 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;
} Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Evenimentul timeupdate are loc atunci când poziția de redare a unui audio / video sa schimbat.
Acest eveniment este invocat de:
- Redarea audio / video
- Mutarea poziției de redare (cum ar fi atunci când utilizatorul atacanți rapid la un alt punct în audio / video)
Sfat: Acest eveniment timeupdate este adesea utilizat împreună cu currentTime proprietatea obiectului audio / video, care returnează poziția curentă a redării audio / video, în câteva secunde.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin evenimentul.
| Eveniment | |||||
|---|---|---|---|---|---|
| timeupdate | da | 9 | da | da | da |
Sintaxă
In HTML:
< audio|video ontimeupdate=" În JavaScript:
audio|video .ontimeupdate=function(){ În JavaScript, folosind addEventListener() metoda:
audio|video .addEventListener("timeupdate", myScript ); Try it Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.
Detalii tehnice
Tag-uri HTML acceptate: <audio> and <video> obiecte JavaScript acceptate: Audio, Video
Mai multe exemple
Exemplu
În cazul în care poziția de redare a unui audio sa schimbat, a afișa poziția curentă a audio în secunde:
// 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;
}
Încearcă - l singur »
Exemplu
Folosind proprietatea currentTime pentru a seta poziția de redare curentă la 5 secunde:
document.getElementById("myVideo").currentTime = 5;
Încearcă - l singur »