tutorial pengembangan web terbaru
 

HTML Audio / Video DOM menempuh jalur Kegiatan

<HTML Audio / Video DOM Referensi

Contoh

Ketika pengguna selesai bergerak / melompat-lompat ke posisi baru dalam video, mengingatkan beberapa teks:

var vid = document.getElementById("myVideo");
vid.onseeked = function() {
    alert("Seek operation completed!");
};
Cobalah sendiri "

Lebih "Cobalah Sendiri" contoh di bawah ini.


Definisi dan Penggunaan

Acara menempuh jalur terjadi ketika pengguna selesai bergerak / melompat-lompat ke posisi baru dalam audio / video.

Tip: Acara menempuh jalur adalah kebalikan dari mencari acara.

Tip: Gunakan currentTime milik Obyek Audio / Video untuk mendapatkan posisi playback saat ini.


Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang mendukung penuh acara tersebut.

Peristiwa
seeked iya nih 9.0 iya nih iya nih iya nih

Sintaksis

Di HTML:

< audio|video onseeked="myScript"> Try it

Dalam JavaScript:

audio|video .onseeked=function(){myScript}; Try it

Dalam JavaScript, menggunakan addEventListener() metode:

audio|video .addEventListener("seeked", 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

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

<video onseeking="myFunction()" onseeked="mySecondFunction()">
Cobalah sendiri "

Contoh

Menggunakan properti currentTime dari Object Video untuk menampilkan posisi bermain saat ketika pengguna selesai bergerak / melompat-lompat ke posisi baru:

// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");

// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", 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 "

Contoh

Ketika pengguna selesai bergerak / melompat-lompat ke posisi baru di audio, mengingatkan beberapa teks:

var aud = document.getElementById("myAudio");
aud.onseeked = function() {
    alert("Seek operation completed!");
};
Cobalah sendiri "

<HTML Audio / Video DOM Referensi