html tutorial - preload Attribute in HTML - html5 - html code - html form


Preload attribute in html

Learn html - html tutorial - Preload attribute in html - html examples - html programs

  • The preload attribute is used to specify the media file should be loaded when the page loads.
  • This is an optional tag we can ignore the attribute specification.

Syntax for preload attribute in HTML:

<video preload="none">

Difference between HTML 4.01 and HTML 5 for preload Attribute:

HTML 4.01

  • HTML 4 does not support the <video> tag.

HTML 5

  • The <video> tag is new to HTML 5.

Applies To:

Elements Attribute
<video> preload
<audio> preload

preload Attribute Value:

Value Description
auto To load the entire media file when the page loads.
metadata To load only the meta data.
none Should not load the file when the page loads.

Sample Coding for preload Attribute in HTML:

Tryit<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy preload attribute</title>
    </head>
    <body>
        <video preload="none" width="320" height="240" controls>
            <source src="video.mp4" type="video/mp4">
        </video>
    </body>
</html>

Code Explanation for preload Attribute in HTML:

preload Attribute Code Explanation

  1. preload attribute used to specify the video file should be loaded when the page loads.
  2. Source file of video is specified as “video.mp4”.

Output for preload Attribute in HTML:

preload Attribute Output

  1. The output shows the video file did not loaded when the page load.
    2. preload Attribute Output
  2. When the user hit the play button the video starts loading.

Browser Support for preload Attribute in HTML:

4.0 No 4.0 4.0 10.5

Related Searches to preload Attribute in html

preload Attribute html5 video attributes the html global attribute html5 element for playing audio files html5 video autoplay html5 video loop html5 video api html5 video javascript html5 video controls html tutorialshtml editor html code html form html tutorial html color html color codes html table html img html5 html code for website html and css html programs html website free html editor html5 tutorial wysiwyg html editor html tutorial pdf html converter php tutorial html example html tutorial css tutorial html css html tags html basics code html html online html mailto html lang html tags list html attributes

Summer Offline Internship

Summer Online Internship

Internship in Chennai

Programming / Technology Internship in Chennai

Wikitechy Rated 5 / 5 based on 378284 reviews.
Wikitechy-logo

World's No 1 Animated self learning Website with Informative tutorials explaining the code and the choices behind it all.

Wikitechy

About Us
Terms of Use
Privacy Policy
Contact Us

Workshop

Webinar

Join our Community

Advertise

Other Languages

English
Chinese
Deutsch
Russian

© 2016 - 2024 KaaShiv InfoTech, All rights reserved. Powered by Inplant Training in chennai | Internship in chennai