html5 video element, start and end times

Question

I have an html5 video element.

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

I want it to start at a certain time in the video (lets say... 10 seconds) and end at a certain time (27 seconds)

I know that you can do this in JavaScript, however I want to do this in html. Is there a start / end time tag for the video element?

Answer 1

You can specify a playback range by appending the start and end times to the source URL.

The times should be in the format:

#t=[starttime][,endtime]

From MDN:

The playback range portion of the media element URI specification was added to Gecko 9.0 (Firefox 9.0 / Thunderbird 9.0 / SeaMonkey 2.6).

Here's an example to play a video, starting from second 2 and ending at second 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>

References:

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

Sample videos are from techslides.com