Example
Find out if and how the author thinks that the video should be loaded when the page loads:
var x = document.getElementById("myVideo").preload;
The result of x will be:
none // The video should NOT be loaded when the page loads
Try it Yourself »
Definition and Usage
The preload property sets or returns the value of the preload attribute of a video.
The preload attribute specifies if and how the author thinks that the video should be loaded when the page loads.
The preload attribute allows the author to provide a hint to the browser about what he/she thinks will lead to the best user experience. This attribute may be ignored in some instances.
Note: The preload attribute is ignored if the autoplay attribute is present.
Note: The <video> element is new in HTML5.
Browser Support
The preload property is supported in all major browsers.
Note: The preload attribute however, is NOT supported in Internet Explorer.
Syntax
Return the preload property:
videoObject.preload
Set the preload property:
videoObject.preload="auto|metadata|none"
Property Values
| Value | Description |
|---|---|
| auto | The author thinks that the browser should load the entire video when the page loads |
| metadata | The author thinks that the browser should load only metadata when the page loads |
| none | The author thinks that the browser should NOT load the video when the page loads |
Technical Details
| Return Value: | A String, representing what data should be preloaded (if any). Possible return values are "auto", "metadata", or "none". See "Property Values" for what the values mean |
|---|
More Examples
Example
A demonstration of how to set different property values:
document.getElementById("myVideo").preload = "none";
document.getElementById("myVideo").preload = "auto";
Try it Yourself »
Related Pages
HTML reference: HTML <video> preload attribute
< Video Object