Preloader for video tag

Question

JavaScript

The video is inserted into the page with the code:

<video width="1024" height="768" poster="">
  <source src="/anyname.webm" type="video/webm">
  <source src="/anyname.mp4" type="video/mp4">
</video>

How to make a preloader for a video file? Is it possible to fully download a file before playing it?

Answer 1

<video preload="auto">
</video>

does what you need.
Is there some more

preload="metadata"

In this case, only the video titles are downloaded.
Description, compatibility.

Answer 2

You need to look towards the events www.w3schools.com/tags/ref_av_dom.asp of the video tag