0

I am trying to buffer HTML 5 video on Page load using follow:

<video width="320" height="240" id="myVid" controls="controls" preload="auto">
     <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
     <object data="" width="320" height="240"></object>
</video>

but Video gets buffer only 40 to 50% on page load without playing and get stuck. I want to buffer full video on page load and then play.

Link : http://codepen.io/anon/pen/XKNeYQ

Ubiquitous Developers
  • 3,637
  • 6
  • 33
  • 78
  • Possible duplicate of [Another: Force Chrome to fully buffer mp4 video](http://stackoverflow.com/questions/18251632/another-force-chrome-to-fully-buffer-mp4-video) – Turnip Jun 22 '16 at 11:29
  • Listen for [`canplaythrough`](https://developer.mozilla.org/en-US/docs/Web/Events/canplaythrough) event – Rayon Jun 22 '16 at 11:29
  • I tried preload="auto" which is not full-fill my requirement. I don't know how to use canplaythrough for this. – Ubiquitous Developers Jun 22 '16 at 11:41

1 Answers1

0

The Browser itself decides how much to preload. You can not change that. Take a look at the table here for more information. Some browser have a time limit some other a size limit. The only other option is to use a custom video player that supports your needs.

Time to Travel
  • 142
  • 1
  • 9