Start HTML5 video at a particular position when loading

Question

I need HTML5 video to start at certain point   Let s say at time 50 seconds onward    I tried but its not working as expected  is there something i am doing wrong    Here is the code         lt video id  vid1  width  640  height  360  gt          lt source src  file webm  type  video webm    gt          Your browser does not support the video tag      lt  video gt      lt script gt         document getElementById  vid1   currentTime   50      lt  script gt     When the page loads  it just starts playing from beginning   However if I call this during playback like after some time  it works fine   Is there anything I am missing

User · Answer

Using a  t 10 20 fragment worked for me

User · Answer

On Safari Mac for an HLS source  I needed to use the loadeddata event instead of the metadata event

User · Answer

You can link directly with Media Fragments URI  just change the filename to file webm t 50  Here s an example  This is pretty cool  you can do all sorts of things  But I don t know the current state of browser support

User · Answer

adjust video start and end time when using the video tag in html5   http   www yoursite com yourfolder yourfile mp4 t 5 15  where left of comma is start time in seconds  right of comma is end time in seconds   drop the comma and end time to effect the start time only

User · Answer

WITHOUT USING JAVASCRIPT  Just add  t   start time    end time   to the end of your media URL  The only setback  if you want to see it that way  is you ll need to know how long your video is to indicate the end time  Example     lt video gt       lt source src  splash mp4 t 10 20  type  video mp4  gt   lt  video gt    Notes  Not supported in IE

User · Answer

You have to wait until the browser knows the duration of the video before you can seek to a particular time  So  I think you want to wait for the  loadedmetadata  event something like this   document getElementById  vid1   addEventListener  loadedmetadata   function       this currentTime   50     false

[javascript] Start HTML5 video at a particular position when loading?

Examples related to javascript

Examples related to html5-video