<HTML Audio / Video DOM Referensi
Contoh
Ketika posisi bermain video telah berubah, menampilkan posisi saat video di 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;
} Cobalah sendiri " Lebih "Cobalah Sendiri" contoh di bawah ini.
Definisi dan Penggunaan
Acara timeupdate terjadi ketika posisi bermain dari audio / video telah berubah.
Acara ini dipanggil oleh:
- Bermain audio / video
- Memindahkan posisi pemutaran (seperti ketika pengguna depan cepat ke titik yang berbeda dalam audio / video)
Tip: Acara timeupdate ini sering digunakan bersama-sama dengan currentTime milik Obyek Audio / Video, yang mengembalikan posisi saat pemutaran audio / video, dalam hitungan detik.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh acara tersebut.
| Peristiwa | |||||
|---|---|---|---|---|---|
| timeupdate | iya nih | 9.0 | iya nih | iya nih | iya nih |
Sintaksis
Di HTML:
< audio|video ontimeupdate="myScript"> Try it Dalam JavaScript:
audio|video .ontimeupdate=function(){myScript}; Try it Dalam JavaScript, menggunakan addEventListener() metode:
audio|video .addEventListener("timeupdate", myScript ); Try it Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.
Rincian teknis
| tag HTML didukung: | <audio> and <video> |
|---|---|
| objek JavaScript didukung: | Audio, Video |
Contoh lebih
Contoh
Ketika posisi bermain dari audio telah berubah, menampilkan posisi saat ini dari audio dalam 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;
}
Cobalah sendiri " Contoh
Menggunakan properti currentTime untuk mengatur posisi playback saat ini untuk 5 detik:
document.getElementById("myVideo").currentTime = 5;
Cobalah sendiri "