Acara yang dicari DOM Audio/Video HTML
Referensi DOM Audio/Video HTML
Contoh
Saat pengguna selesai bergerak/melompat ke posisi baru dalam video, beri tahu beberapa teks:
var vid = document.getElementById("myVideo");
vid.onseeked = function() {
alert("Seek operation completed!");
};
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Peristiwa yang dicari terjadi ketika pengguna selesai bergerak/melompat ke posisi baru dalam audio/video.
Tip: Acara yang dicari adalah kebalikan dari acara pencarian .
Tip: Gunakan properti currentTime dari Audio/Video Object untuk mendapatkan posisi pemutaran saat ini.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung acara tersebut.
Event | |||||
---|---|---|---|---|---|
seeked | Yes | 9.0 | Yes | Yes | Yes |
Sintaksis
Dalam HTML:
<audio|video onseeked="myScript">
Dalam JavaScript:
audio|video.onseeked=function(){myScript};
Dalam JavaScript, menggunakan metode addEventListener() :
audio|video.addEventListener("seeked", myScript);
Detail Teknis
Tag HTML yang didukung: | <audio> dan <video> |
---|---|
Objek JavaScript yang didukung: | Video Audio |
Lebih Banyak Contoh
Contoh
Contoh ini menunjukkan perbedaan antara acara pencarian dan acara yang dicari:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
Contoh
Menggunakan properti currentTime dari Objek Video untuk menampilkan posisi waktu putar saat ini ketika pengguna selesai bergerak/melompat 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;
}
Contoh
Saat pengguna selesai memindahkan/melompat ke posisi baru di audio, beri tahu beberapa teks:
var aud = document.getElementById("myAudio");
aud.onseeked = function() {
alert("Seek operation completed!");
};
Referensi DOM Audio/Video HTML