Událost aktualizace času HTML Audio/Video DOM
❮ HTML Audio/Video DOM Reference
Příklad
Když se změní pozice přehrávání videa, zobrazte aktuální pozici videa v sekundách:
// 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;
}
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Událost timeupdate nastane, když se změní pozice přehrávání zvuku/videa.
Tato událost je vyvolána:
- Přehrávání zvuku/videa
- Přesunutí pozice přehrávání (jako když uživatel rychle přejde vpřed na jiné místo ve zvuku/videu)
Tip: Tato událost timeupdate se často používá spolu s vlastností currentTime objektu Audio/Video, která vrací aktuální pozici přehrávání zvuku/videa v sekundách.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která událost plně podporuje.
| Event | |||||
|---|---|---|---|---|---|
| timeupdate | Yes | 9.0 | Yes | Yes | Yes |
Syntax
V HTML:
<audio|video ontimeupdate="myScript">
V JavaScriptu:
audio|video.ontimeupdate=function(){myScript};
V JavaScriptu pomocí metody addEventListener():
audio|video.addEventListener("timeupdate", myScript);
Technické údaje
| Podporované HTML tagy: | <audio> a <video> |
|---|---|
| Podporované objekty JavaScriptu: | Audio Video |
Další příklady
Příklad
Když se změní pozice přehrávání zvuku, zobrazte aktuální pozici zvuku v sekundách:
// 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;
}
Příklad
Pomocí vlastnosti currentTime nastavte aktuální pozici přehrávání na 5 sekund:
document.getElementById("myVideo").currentTime = 5;
❮ HTML Audio/Video DOM Reference