HTML Audio / Video DOM menempuh jalur acara
HTML Audio / Video DOM Referensi
contoh
teks diminta ketika pengguna selesai dengan mengatur ulang posisi pemutaran video:
vid.onseeked = function () {
alert ( "Carilah operasi selesai!");
};
Coba »
Bagian bawah artikel ini berisi lebih banyak contoh.
Definisi dan Penggunaan
Acara menempuh jalur dipicu ketika pengguna harus bergerak / melompat ke audio / video (audio / video) ke lokasi baru.
Tip: Sebaliknya acara menempuh jalur event mencari acara.
Tip: Gunakan objek Audio / Video currentTime properti untuk mendapatkan posisi pemutaran video.
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung versi kejadian.
peristiwa | |||||
---|---|---|---|---|---|
menempuh jalur | ya | 9.0 | ya | ya | ya |
tatabahasa
Di HTML:
Dalam JavaScript:
JavaScript, menggunakan () metode addEventListener:
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 selesai memindahkan / melompat ke posisi baru dari video, menggunakan currentTime objek properti Video untuk menampilkan posisi pemutaran saat ini:
var vid = document.getElementById ( "MyVideo");
// Untuk <video> menambahkan acara menempuh jalur, setelah operasi selesai fungsi pengalamatan dieksekusi
vid.addEventListener ( "menempuh jalur", myFunction);
Fungsi myFunction () {
// Menampilkan id = "demo" p elemen <video> posisi pemutaran saat
. Document.getElementById ( "demo") innerHTML = vid.currentTime;
}
Coba »
contoh
Sebuah pesan muncul setelah selesainya memindahkan / melompat ke posisi pemutaran audio di pengguna baru:
aud.onseeked = function () {
alert ( "Carilah operasi selesai!");
};
Coba »
HTML Audio / Video DOM Referensi