Skip to content
Related Articles

Related Articles

Save Article
Improve Article
Save Article
Like Article

How to preload the video when the page loads in HTML5 ?

  • Last Updated : 25 Mar, 2021

The HTML <preload> attribute is used to specify the way the developer thinks the video should be loaded when the page loads.

Syntax

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.

<video preload=""> </video>

There are 3 values for preload attribute auto, metadata and none.

Note: A empty string lead to default auto attribute value.



Example 1: The following example demonstrates the video element using none attribute value for the preload property.

HTML




<!DOCTYPE html> 
<html
 <body
    <center
        <h1 style="color:green;">GeeksforGeeks</h1
  
        <h3>HTML preload Attribute</h3
  
        <video width="400" height="200" controls preload="none"
            <source src
                    type="video/mp4"
            <source src
                    type="video/ogg"
        </video
    </center
</body
  
</html

Output:

preload with none value

Example 2: The following example demonstrates the video element using auto attribute value.

HTML




<!DOCTYPE html> 
<html
<body
    <center
        <h1 style="color:green;">GeeksforGeeks</h1
  
        <h3>HTML preload Attribute</h3
  
        <video width="400" height="200" controls preload="auto"
            <source src
                    type="video/mp4"
            <source src
                    type="video/ogg"
        </video
    </center
</body
  
</html

Output:

preload with auto value




My Personal Notes arrow_drop_up
Recommended Articles
Page :