Latest web development tutorials

HTML Audio / Video DOM event timeupdate

HTML audio / video Tag Referensi HTML Audio / Video DOM Referensi

contoh

Ketika posisi pemutaran video telah berubah, ini akan menampilkan posisi pemutaran video saat ini (satu hitungan detik):

// Dapatkan id = "MyVideo" yang <video> elemen
var vid = document.getElementById ( "MyVideo");

// Tambahkan acara ontimeupdate <video> elemen, jika pemutaran saat fungsi perubahan posisi dieksekusi
vid.ontimeupdate = function () {myFunction ()};

Fungsi myFunction () {
// Tampilan id = "demo" dari <p> ​​elemen di posisi pemutaran video
. Document.getElementById ( "demo") innerHTML = vid.currentTime;
}

Coba »

Bagian bawah artikel ini berisi lebih banyak contoh.

Definisi dan Penggunaan

Timeupdate acara memicu dalam audio / video (audio / video) posisi pemutaran berubah.

Acara ini dapat dipanggil dalam keadaan berikut:

  • Memutar audio / video (audio / video)
  • Ponsel audio / video (audio / video) posisi pemutaran

Tip: acara timeupdate biasanya berhubungan dengan objek Audio / Video currentTime digunakan dengan properti, yang mengembalikan audio / video (audio / video) posisi pemutaran (dalam hitungan detik).

Dukungan Browser

Angka dalam tabel tersebut merupakan browser pertama yang mendukung versi kejadian.

peristiwa
timeupdate ya 9.0 ya ya ya

tatabahasa

Di HTML:

<Audio | Video ontimeupdate = "myScript "> coba

Dalam JavaScript:

Audio | Video .ontimeupdate = function () {myScript}; mencoba

JavaScript, menggunakan () metode addEventListener:

Audio | Video .addEventListener ( "timeupdate" , myScript); mencoba

Catatan: Internet Explorer 8 dan versi sebelumnya dari IE tidak mendukung () addEventListener metode.

rincian teknis
tag HTML didukung: <Audio> dan <video>
Didukung Objek JavaScript: Audio, Video

contoh

contoh yang lebih

contoh

Ketika posisi pemutaran audio berubah, tampilan dari posisi pemutaran audio saat ini (dalam detik):

// Dapatkan id = "MyVideo" yang <audio yang> elemen
var aud = document.getElementById ( "MyVideo");

// Tambahkan acara ontimeupdate <audio yang> elemen dan melakukan fungsi ketika mengubah posisi playback
aud.ontimeupdate = function () {myFunction ()};

Fungsi myFunction () {
// Tampilan id = "demo" dari <p> ​​elemen dalam posisi pemutaran audio
. Document.getElementById ( "demo") innerHTML = aud.currentTime;
}

Coba »

contoh

Properti Gunakan currentTime diatur ke 5 detik posisi playback:

document.getElementById ( "MyVideo") currentTime = 5 .;

Coba »

HTML audio / video Tag Referensi HTML Audio / Video DOM Referensi