HTML <video> preload Attribute

The preload attribute on a <video> element specifies how the video file is loaded after the page loads.

Example

#

A preload attribute on an <video> player.
The preload option is none. The video is only loaded when the start button is clicked.

<video width="320" controls preload="none">
  <source src="/media/movie.mp4" type="video/mp4">
  <source src="/media/movie.ogg" type="video/ogg">
</video>

Using preload

The preload attribute specifies if and how the video file is loaded after the page loads.

This attribute can specify that the video file is loaded even if the user does not need it.

The preload setting is ignored when autoplay is enabled.


Syntax

<video preload="auto | metadata | none">

Values

#

Value Description
auto Loads the entire video file when the page loads.
metadata Only loads video metadata when the page loads.
none Indicates that the video file will not be preloaded.

Note:  Without the a preload setting, the file loading is different for each browser. For consistency the metadata setting is often a reasonable option.


Browser support

Here is when preload support started for each browser:

Chrome
4.0 Jan 2010
Firefox
4.0 Mar 2011
IE/Edge
9.0 Mar 2011
Opera
10.5 Mar 2010
Safari
3.1 Mar 2008

You may also like

 Back to <video>
Guides