Bắt đầu video HTML5 ở một vị trí cụ thể khi tải?

Tôi cần video HTML5 để bắt đầu tại một số điểm nhất định. Giả sử tại thời điểm 50 giây trở đi.

Tôi đã thử nhưng nó không hoạt động như mong đợi. có điều gì đó tôi đang làm sai?

Đây là mã:

   <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> 

Khi tải trang, nó sẽ bắt đầu phát từ đầu. Tuy nhiên, nếu tôi gọi điều này trong khi phát lại như sau một thời gian, nó hoạt động tốt. Có điều gì tôi đang thiếu không?

Bạn phải đợi cho đến khi trình duyệt biết thời lượng của video trước khi bạn có thể tìm đến một thời điểm cụ thể. Vì vậy, tôi nghĩ bạn muốn đợi sự kiện 'loadmetadata' như sau:

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

Bạn có thể liên kết trực tiếp với URI Media Fragment , chỉ cần thay đổi tên tệp thành file.webm # t = 50

Đây là một ví dụ

Điều này khá tuyệt, bạn có thể làm tất cả mọi thứ. Nhưng tôi không biết tình trạng hỗ trợ trình duyệt hiện tại.

KHÔNG SỬ DỤNG JAVASCRIPT

Chỉ cần thêm #t=[(start_time), (end_time)]vào cuối URL phương tiện của bạn. Hạn chế duy nhất (nếu bạn muốn xem theo cách đó) là bạn sẽ cần biết video của bạn có thời gian kết thúc là bao lâu. Thí dụ:

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

Lưu ý: Không được hỗ trợ trong IE

điều chỉnh thời gian bắt đầu và kết thúc video khi sử dụng thẻ video trong html5;

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

trong đó bên trái dấu phẩy là thời gian bắt đầu tính bằng giây, bên phải dấu phẩy là thời gian kết thúc tính bằng giây. thả dấu phẩy và thời gian kết thúc để chỉ thời gian bắt đầu.

Trên Safari Mac cho nguồn HLS, tôi cần sử dụng sự kiện dữ liệu đã tải thay vì sự kiện siêu dữ liệu.

Sử dụng một #t=10,20mảnh đã làm việc cho tôi.