Why does setting currentTime of HTML5 video element reset time in Chrome?

Question

I want to set the time position of a video in HTML5. The time should be set like this:

function settime(){     var video = document.getElementById("video1");     console.log(video.currentTime); //----->output for example 15.3     video.currentTime = 10.0;     console.log(video.currentTime);//----->>output always 0 } 

And the video is embedded like this:

<button onclick="settime();">Set Time</button> <div class="container"> <video id="video1" class="video-js vjs-default-skin" muted>      <source src="video.m4v" type="video/mp4" />      HTML5 Video is required for this example. </video> 

But for some reason, this always just resets currentTime to 0 in Chrome.

Why gets the time reset when setting currentTime? And how can I set currentTime correctly?

Answer 1

This is caused in many cases by the server not replying with an Accept-Ranges header. For an obscure, only-Google-developer-relevant reason (the FF folks don't seem to be so offended by a server replying without an Accept-Ranges header), they refuse to implement seeking when such a header is not provided. You can add one very easily (at least for testing) by using an nginx proxy and adding proxy_force_ranges on; (server or location both work).