HTML <video> with preload Attribute

You are Here:

HTML <video> with preload Attribute

The preload attribute is intended to provide a hint to the web browser about what the author thinks will lead to the best user experience.

auto

The auto attribute value specifies that the browser should load the entire video file when the page loads.

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <video style="width:100%;height:330px" controls preload="auto"> <source src="/hawk.mp4" type="video/mp4"> </video> </body> </html>

Attribute Value

ValueExplanation
autoThe browser should load the entire video file when the page loads.
metadataThe browser should load only metadata when the page loads i.e) it will not load the entire video file during page load.
noneThe browser should NOT load mute option, sound controller, and video file until the user tries to play the video.

metadata

The metadata attribute value specifies that the browser should load only metadata when the page loads i.e) it will not load the entire video file during page load.

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <video style="width:100%;height:330px" controls preload="metadata"> <source src="/hawk.mp4" type="video/mp4"> </video> </body> </html>

none

The none attribute value specifies that the browser should NOT load mute option, sound controller, and video file until the user tries to play the video.

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <video style="width:100%;height:330px" controls preload="none"> <source src="/hawk.mp4" type="video/mp4"> </video> </body> </html>

Reminder

Hi Developers, we almost covered 99.5% of HTML Tutorials with examples for quick and easy learning.

We are working to cover every Single Concept in HTML.

Please do google search for:

Join Our Channel

Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.

This channel is primarily useful for Full Stack Web Developer.

Share this Page

Meet the Author