HTML Reference Manual

HTML Tag大全

HTML: <video> preload attribute

Usage of the <video> preload attribute, online instance demonstration of how to use the <video> preload attribute, browser compatibility, syntax definition, and detailed information about its attribute values, etc.

　HTML <video> tag

Online Example

Do not load the video when the page is not opened:

Example

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title Basic Tutorial Website(oldtoolbag.com)</title>　
</head>
<body>
<video controls preload="none">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Your browser does not support the video tag.
</video>
</body>
</html>

Test to see ‹/›

Browser compatibility

IEFirefoxOperaChromeSafari

Except for Internet Explorer, all mainstream browsers support the preload attribute.

Definition and usage

The preload attribute specifies whether and how the author thinks the video should be loaded when the page is loaded.
The preload attribute allows the author to provide the browser with information about him/She believes that it will bring the best user experience tips. In some cases, this attribute can be ignored.
Note: If the autoplay feature is present, the preload attribute will be ignored.

HTML 4.01 with HTML5difference

<video> tag is an HTML5 New tag.

Syntax

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

Attribute value

Value	Description
auto	Indicates that audio should start loading once the page is loaded/Video.
metadata	Indicates that audio should be loaded only after the page is loaded/Metadata of the video.
none	Indicates that audio should not be loaded after the page is loaded/Video.

　HTML <video> tag

HTML: <template> tag