เริ่มวิดีโอ HTML5 ที่ตำแหน่งใดตำแหน่งหนึ่งเมื่อโหลด?

ฉันต้องการวิดีโอ HTML5 เพื่อเริ่มต้น ณ จุดหนึ่ง สมมติว่าเวลา 50 วินาทีเป็นต้นไป

ฉันลองแล้ว แต่มันไม่ได้ผลตามที่คาดไว้ มีบางอย่างที่ฉันทำผิด?

นี่คือรหัส:

   <video id="vid1" width="640" height="360">
       <source src="file.webm" type="video/webm" /> 
       Your browser does not support the video tag.
   </video>
   <script>
       document.getElementById('vid1').currentTime = 50;
   </script> 

เมื่อหน้าเว็บโหลดมันจะเริ่มเล่นจากจุดเริ่มต้น อย่างไรก็ตามหากฉันเรียกสิ่งนี้ในระหว่างการเล่นเช่นหลังจากนั้นสักครู่ก็ใช้งานได้ดี มีอะไรที่ฉันขาดหายไป?

คุณต้องรอจนกว่าเบราว์เซอร์จะทราบระยะเวลาของวิดีโอก่อนจึงจะสามารถหาเวลาใดเวลาหนึ่งได้ ดังนั้นฉันคิดว่าคุณต้องการรอเหตุการณ์ 'loadedmetadata' ดังนี้:

document.getElementById('vid1').addEventListener('loadedmetadata', function() {
  this.currentTime = 50;
}, false);

คุณสามารถเชื่อมโยงโดยตรงกับMedia Fragments URIเพียงแค่เปลี่ยนชื่อไฟล์เป็นfile.webm # t = 50

นี่คือตัวอย่าง

มันเจ๋งมากคุณทำอะไรได้หลายอย่าง แต่ฉันไม่ทราบสถานะปัจจุบันของการรองรับเบราว์เซอร์

โดยไม่ต้องใช้ JAVASCRIPT

เพียงเพิ่ม#t=[(start_time), (end_time)]ต่อท้าย URL สื่อของคุณ ความปราชัยเพียงอย่างเดียว (หากคุณต้องการดูแบบนั้น) คือคุณต้องรู้ว่าวิดีโอของคุณมีความยาวเท่าใดเพื่อระบุเวลาสิ้นสุด ตัวอย่าง:

<video>
    <source src="splash.mp4#t=10,20" type="video/mp4">
</video>

หมายเหตุ:ไม่รองรับใน IE

ปรับเวลาเริ่มต้นและเวลาสิ้นสุดของวิดีโอเมื่อใช้แท็กวิดีโอใน html5

http://www.yoursite.com/yourfolder/yourfile.mp4#t=5,15

โดยที่ด้านซ้ายของลูกน้ำคือเวลาเริ่มต้นเป็นวินาทีด้านขวาของลูกน้ำคือเวลาสิ้นสุดเป็นวินาที ปล่อยลูกน้ำและเวลาสิ้นสุดเพื่อให้มีผลกับเวลาเริ่มต้นเท่านั้น

ใน Safari Mac สำหรับแหล่งที่มา HLS ฉันต้องใช้เหตุการณ์ loaddata แทนเหตุการณ์ข้อมูลเมตา

การใช้#t=10,20ชิ้นส่วนได้ผลสำหรับฉัน