In this article, we will learn how to specify in HTML how audio/video should be loaded when the page loads and the author's point of view.
By using the HTML audio preload attribute, authors can describe how audio should be loaded when the page loads. This feature allows authors to tell the browser how to implement the user experience of the website.
Note− When autoplay is present, preloading will be ignored.
The following is the syntax of the HTML preload attribute.
<video preload="auto|none">
To better understand how to specify in HTML how the author thinks the audio/video should load when the page loads.
The Chinese translation of is: Thepreload=auto setting instructs the browser to download the entire video. The video will be fully replayed after starting with this method, which is the most data-consuming method. If no value is given for the preload attribute, automatic selection is used.
In the example below, we set preload="auto".
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls preload="none">
<source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4">
</video>
</body>
</html>
When executing the above script, it will make the user reload the video uploaded along with the image when the user tries to reload the web page.
is translated as:Preload=none instructs the browser not to download any bytes of the video, although one exists. There is no local video storage on the device, so this obviously saves data, but at the cost of delayed video startup.
Consider the following example where we set preload to "none".
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls preload="none">
<source src="https://samplelib.com/lib/preview/mp4/sample-5s.mp4" type="video/mp4">
</video>
</body>
</html>
When the script executes, it causes the user to not load the video when the web page loads
The above is the detailed content of How to specify an element as read-only in HTML?. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
