HTML Audio/Video DOM ค้นหากิจกรรม
❮ การอ้างอิง DOM เสียง/วิดีโอ HTML
ตัวอย่าง
เมื่อผู้ใช้เริ่มย้าย/ข้ามไปยังตำแหน่งใหม่ในวิดีโอ ให้แจ้งเตือนข้อความ:
var vid = document.getElementById("myVideo");
vid.onseeking = function() {
alert("Seek operation began!");
};
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์การค้นหาเกิดขึ้นเมื่อผู้ใช้เริ่มย้าย/ข้ามไปยังตำแหน่งใหม่ในเสียง/วิดีโอ
เคล็ดลับ:เหตุการณ์ที่กำลังค้นหาอยู่ตรงข้ามกับ เหตุการณ์ ที่ค้นหา
เคล็ดลับ:ใช้ คุณสมบัติ currentTimeของ Audio/Video Object เพื่อรับตำแหน่งการเล่นปัจจุบัน
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับเหตุการณ์อย่างสมบูรณ์
Event | |||||
---|---|---|---|---|---|
seeking | Yes | 9.0 | Yes | Yes | Yes |
ไวยากรณ์
ใน HTML:
<audio|video onseeking="myScript">
ในจาวาสคริปต์:
audio|video.onseeking=function(){myScript};
ใน JavaScript โดยใช้เมธอด addEventListener() :
audio|video.addEventListener("seeking", myScript);
รายละเอียดทางเทคนิค
แท็ก HTML ที่รองรับ: | <audio> และ <video> |
---|---|
วัตถุ JavaScript ที่รองรับ: | วิดีโอเสียง |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ตัวอย่างนี้แสดงให้เห็นถึงความแตกต่างระหว่างเหตุการณ์ที่กำลังมองหาและเหตุการณ์ที่แสวงหา:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
ตัวอย่าง
การใช้คุณสมบัติ currentTime ของ Video Object เพื่อแสดงตำแหน่งเวลาเล่นปัจจุบันเมื่อผู้ใช้เริ่มข้ามไปยังตำแหน่งใหม่:
// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");
// Attach a seeking event to the <video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", myFunction);
function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
document.getElementById("demo").innerHTML = vid.currentTime;
}
ตัวอย่าง
เมื่อผู้ใช้เริ่มย้าย/ข้ามไปยังตำแหน่งใหม่ในเสียง ให้แจ้งเตือนข้อความ:
var aud = document.getElementById("myAudio");
aud.onseeking = function() {
alert("Seek operation began!");
};
❮ การอ้างอิง DOM เสียง/วิดีโอ HTML