เหตุการณ์ timeupdate HTML เสียง / วิดีโอ DOM
HTML เสียง / วิดีโอ DOM อ้างอิง
ตัวอย่าง
เมื่อตำแหน่งการเล่นวิดีโอที่มีการเปลี่ยนแปลงก็จะแสดงตำแหน่งการเล่นวิดีโอปัจจุบัน (นับหนึ่งสอง):
var vid = document.getElementById ( "myVideo");
// เพิ่มกิจกรรม ontimeupdate <video> องค์ประกอบถ้าเล่นฟังก์ชั่นในปัจจุบันเปลี่ยนตำแหน่งจะถูกดำเนินการ
vid.ontimeupdate = function () {myFunction ()};
ฟังก์ชั่น myFunction () {
// รหัสดิสเพลย์ = "สาธิต" ของ <p> องค์ประกอบในตำแหน่งการเล่นวิดีโอ
. document.getElementById ( "สาธิต") innerHTML = vid.currentTime;
}
ลอง»
ด้านล่างของบทความนี้มีตัวอย่างเพิ่มเติม
ความหมายและการใช้งาน
ทริกเกอร์เหตุการณ์ Timeupdate ในเสียง / วิดีโอ (เสียง / วิดีโอ) ตำแหน่งการเล่นมีการเปลี่ยนแปลง
เหตุการณ์นี้สามารถเรียกใช้ในสถานการณ์ต่อไปนี้:
- เล่นเสียง / วิดีโอ (เสียง / วิดีโอ)
- โทรศัพท์มือถือเสียง / วิดีโอ (เสียง / วิดีโอ) ตำแหน่งการเล่น
เคล็ดลับ: เหตุการณ์ timeupdate มักจะเกี่ยวข้องกับระบบเสียง / วิดีโอวัตถุ currentTime ใช้กับทรัพย์สินซึ่งส่งกลับเสียง / วิดีโอ (เสียง / วิดีโอ) ตำแหน่งการเล่น (เป็นวินาที)
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนรุ่นของเหตุการณ์นี้
เหตุการณ์ | |||||
---|---|---|---|---|---|
timeupdate | ใช่ | 9.0 | ใช่ | ใช่ | ใช่ |
ไวยากรณ์
ใน HTML:
ใน JavaScript:
JavaScript ใช้ addEventListener () วิธีการ:
หมายเหตุ: Internet Explorer 8 และรุ่นก่อนหน้า IE ไม่สนับสนุน addEventListener () วิธีการ
รายละเอียดทางเทคนิค
แท็กที่รองรับ: | <เสียง> และ <video> |
---|---|
วัตถุ JavaScript ที่รองรับ: | เครื่องเสียง, วิดีโอ |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
เมื่อตำแหน่งการเล่นเสียงมีการเปลี่ยนแปลงการแสดงผลของตำแหน่งการเล่นเสียงปัจจุบัน (ในวินาที):
var AUD = document.getElementById ( "myVideo");
// เพิ่มกิจกรรม ontimeupdate <เสียง> องค์ประกอบและปฏิบัติหน้าที่เมื่อมีการเปลี่ยนตำแหน่งการเล่น
aud.ontimeupdate = function () {myFunction ()};
ฟังก์ชั่น myFunction () {
// รหัสดิสเพลย์ = "สาธิต" ของ <p> องค์ประกอบในตำแหน่งการเล่นไฟล์เสียง
. document.getElementById ( "สาธิต") innerHTML = aud.currentTime;
}
ลอง»
ตัวอย่าง
ใช้ currentTime ตั้งค่าคุณสมบัติเป็น 5 วินาทีตำแหน่งการเล่น:
ลอง»
HTML เสียง / วิดีโอ DOM อ้างอิง