tutorial pengembangan web terbaru
 

timeupdate Kegiatan HTML Audio / Video DOM

<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 "

<HTML Audio / Video DOM Referensi