Horje
HTML preload Attribute

Definition and Usage

The preload attribute specifies if and how the author thinks that the media file 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 autoplay is present.

Applies to

The preload attribute can be used on the following elements:

Elements Attribute
<audio> preload
<video> preload

Browser Support

The preload attribute has the following browser support for each element.

How to add Author thinks that the video should NOT be loaded when the page loads - HTML preload Attribute

Video Example. The video preload attribute.
index.html
Example: HTML 
<!DOCTYPE html>
<html>
<body>

<h1>The video preload attribute</h1>

<video width="320" height="240" controls preload="none">
  <source src="https://www.sample-videos.com/video321/mp4/240/big_buck_bunny_240p_30mb.mp4" type="video/mp4">
  <source src="https://www.sample-videos.com/video321/mp4/240/big_buck_bunny_240p_30mb.mp4" type="video/ogg">
  Your browser does not support the video tag.
</video>

</body>
</html>

Output should be:

How to add Author thinks that the video should NOT be loaded when the page loads - HTML preload Attribute

How to add Author thinks that the sound should NOT be loaded when the page loads - HTML preload Attribute

Audio Example. The audio preload attribute. Click on the play button to play a sound.
index.html
Example: HTML 
<!DOCTYPE html>
<html>
<body>

<h1>The audio preload attribute</h1>

<p>Click on the play button to play a sound:</p>

<audio controls preload="none">
  <source src="https://file-examples.com/wp-content/storage/2017/11/file_example_MP3_700KB.mp3" type="audio/ogg">
  <source src="https://file-examples.com/wp-content/storage/2017/11/file_example_MP3_700KB.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

</body>
</html>

Output should be:

How to add Author thinks that the sound should NOT be loaded when the page loads - HTML preload Attribute


html preload attribute

Type:
 Develop
Category:
 Web Tutorial
Sub Category:
 HTML Attribute
Uploaded by:
 Admin

Read Article
https://develop.horje.com/learn/1434/reference

 

Horje