Seeking in HTML5 video with Chrome

Question

I\'m having issues seeking in video\'s using Chrome.

For some reason, no matter what I do, video.seekable.end(0) is always 0.

When I call

Answer 1

Work around if modifying server code is unfeasible. Make an API call for you video, then load the blob into URL.createObjectURL and feed that into the src attribute of your video html tag. This will load the entire file and then chrome will know the size of the file allowing seeking capabilities to work.

 axios.get(`${url}`, {
      responseType: "blob"
    })
      .then(function(response) {
        setVideo(URL.createObjectURL(response.data));
      })
      .catch(function(error) {
        // handle error
        console.log(error);
      });