Acara pembaruan waktu DOM Audio/Video HTML
Referensi DOM Audio/Video HTML
Contoh
Saat posisi pemutaran video telah berubah, tampilkan posisi video saat ini dalam hitungan detik:
// 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;
}
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Peristiwa pembaruan waktu terjadi ketika posisi pemutaran audio/video telah berubah.
Acara ini dipanggil oleh:
- Memutar audio/video
- Memindahkan posisi pemutaran (seperti saat pengguna maju cepat ke titik berbeda dalam audio/video)
Tip: Peristiwa timeupdate ini sering digunakan bersama dengan properti currentTime dari Objek Audio/Video, yang mengembalikan posisi pemutaran audio/video saat ini, dalam hitungan detik.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung acara tersebut.
Event | |||||
---|---|---|---|---|---|
timeupdate | Yes | 9.0 | Yes | Yes | Yes |
Sintaksis
Dalam HTML:
<audio|video ontimeupdate="myScript">
Dalam JavaScript:
audio|video.ontimeupdate=function(){myScript};
Dalam JavaScript, menggunakan metode addEventListener() :
audio|video.addEventListener("timeupdate", myScript);
Detail Teknis
Tag HTML yang didukung: | <audio> dan <video> |
---|---|
Objek JavaScript yang didukung: | Video Audio |
Lebih Banyak Contoh
Contoh
Saat posisi pemutaran audio telah berubah, tampilkan posisi audio saat ini dalam hitungan detik:
// 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;
}
Contoh
Menggunakan properti currentTime untuk mengatur posisi pemutaran saat ini ke 5 detik:
document.getElementById("myVideo").currentTime = 5;
Referensi DOM Audio/Video HTML