HTML Audio / Video DOM mencari acara

contoh

Pop-up pesan teks ketika pengguna mulai bergerak / melompat ke posisi pemutaran video baru:

var vid = document.getElementById ( "MyVideo");
vid.onseeking = function () {
alert ( "Carilah operasi mulai!");
};

Bagian bawah artikel ini berisi lebih banyak contoh.

Definisi dan Penggunaan

Ketika mencari untuk memicu sebuah acara di pengguna mulai bergerak / melompat ke audio / video baru (audio / video) posisi pemutaran.

Tip: Sebaliknya acara mencari peristiwa menempuh jalur event.

Tip: Gunakan objek Audio / Video currentTime properti Mendapat posisi pemutaran.

Dukungan Browser

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

peristiwa
pencarian	ya	9.0	ya	ya	ya

tatabahasa

Di HTML:

<Audio | Video onseeking = "myScript "> coba

Dalam JavaScript:

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

JavaScript, menggunakan () metode addEventListener:

Audio | Video .addEventListener ( "mencari" , 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 yang lebih

contoh

Contoh ini menunjukkan perbedaan antara mencari dan menempuh jalur event event:

Coba »

contoh

Ketika pengguna mulai bergerak ke lokasi baru, menggunakan properti objek Video currentTime menampilkan posisi pemutaran saat ini:

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

// Untuk <video> mencari untuk menambahkan acara, jika Anda mulai menangani fungsi dimulai eksekusi
vid.addEventListener ( "mencari", myFunction);

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

Coba »