HTML เสียง/วิดีโอ DOM ที่ขอเหตุการณ์
❮ การอ้างอิง DOM เสียง/วิดีโอ HTML
ตัวอย่าง
เมื่อผู้ใช้ย้าย/ข้ามไปยังตำแหน่งใหม่ในวิดีโอเสร็จแล้ว ให้แจ้งเตือนข้อความ:
var vid = document.getElementById("myVideo");
vid.onseeked = function() {
alert("Seek operation completed!");
};
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
เหตุการณ์ที่ร้องขอเกิดขึ้นเมื่อผู้ใช้ย้าย/ข้ามไปยังตำแหน่งใหม่ในเสียง/วิดีโอเสร็จแล้ว
เคล็ดลับ:เหตุการณ์ที่แสวงหาอยู่ตรงข้ามกับ เหตุการณ์ ที่ แสวงหา
เคล็ดลับ:ใช้ คุณสมบัติ currentTimeของ Audio/Video Object เพื่อรับตำแหน่งการเล่นปัจจุบัน
รองรับเบราว์เซอร์
ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับเหตุการณ์อย่างสมบูรณ์
Event | |||||
---|---|---|---|---|---|
seeked | Yes | 9.0 | Yes | Yes | Yes |
ไวยากรณ์
ใน HTML:
<audio|video onseeked="myScript">
ในจาวาสคริปต์:
audio|video.onseeked=function(){myScript};
ใน JavaScript โดยใช้เมธอด addEventListener() :
audio|video.addEventListener("seeked", 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 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;
}
ตัวอย่าง
เมื่อผู้ใช้ย้าย/ข้ามไปยังตำแหน่งใหม่ในเสียงเสร็จแล้ว ให้แจ้งเตือนข้อความ:
var aud = document.getElementById("myAudio");
aud.onseeked = function() {
alert("Seek operation completed!");
};
❮ การอ้างอิง DOM เสียง/วิดีโอ HTML