phần tử video html5, thời gian bắt đầu và kết thúc

Question

Tôi có phần tử video html5.

<video id="video" loop="loop"> 
    <source src="src.mov"> 
</video> 

Tôi muốn nó bắt đầu tại một thời điểm nhất định trong đoạn video (cho phép nói ... 10 giây) và kết thúc tại một thời điểm nhất định (27 giây)

Tôi biết rằng bạn có thể làm điều này trong JavaScript, tuy nhiên tôi muốn làm điều này trong html. Có thẻ thời gian bắt đầu/kết thúc cho phần tử video không?

Answer 1

Bạn có thể specify a playback range bằng cách thêm thời gian bắt đầu và kết thúc vào URL nguồn.

Giờ phải ở trong định dạng:

#t=[starttime][,endtime] 

Từ MDN:

Phần phạm vi phát lại của các yếu tố truyền thông URI đặc điểm kỹ thuật đã được thêm vào Gecko 9.0 (Firefox 9.0/Thunderbird 9.0/SeaMonkey 2.6).

Dưới đây là một ví dụ để chơi một đoạn video, bắt đầu từ thứ hai 2 và kết thúc tại thứ hai 3:

<video controls autoplay> 
 
    <source src=http://techslides.com/demos/sample-videos/small.webm#t=2,3 type=video/webm> 
 
    <source src=http://techslides.com/demos/sample-videos/small.ogv#t=2,3 type=video/ogg> 
 
    <source src=http://techslides.com/demos/sample-videos/small.mp4#t=2,3 type=video/mp4> 
 
    <source src=http://techslides.com/demos/sample-videos/small.3gp#t=2,3 type=video/3gp> 
 
</video>

Tài liệu tham khảo:

Temporal Dimension of Media Fragments URI
Record of Mozilla integration (bug 648595)

Các video mẫu là từ techslides.com