Latest web development tutorials

HTML Audio / Video DOM menempuh jalur acara

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

contoh

teks diminta ketika pengguna selesai dengan mengatur ulang posisi pemutaran video:

var vid = document.getElementById ( "MyVideo");
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:

<Audio | Video onseeked = "myScript "> coba

Dalam JavaScript:

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

JavaScript, menggunakan () metode addEventListener:

Audio | Video .addEventListener ( "menempuh jalur" , 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

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

<Video onseeking = "myFunction ()" onseeked = "mySecondFunction ()">

Coba »

contoh

Ketika pengguna selesai memindahkan / melompat ke posisi baru dari video, menggunakan currentTime objek properti Video untuk menampilkan posisi pemutaran saat ini:

// Dapatkan id = "MyVideo" yang <video> elemen
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:

var aud = document.getElementById ( "myAudio");
aud.onseeked = function () {
alert ( "Carilah operasi selesai!");
};

Coba »


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