How to specify an element as read-only in HTML?-HTML Tutorial-php.cn

Table of Contents

grammar

Example

Home

Web Front-end

HTML Tutorial

How to specify an element as read-only in HTML?

王林

Sep 08, 2023 pm 09:45 PM

html element read only

How to specify an element as read-only in HTML?

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.

grammar

The following is the syntax of the HTML preload attribute.

<video preload="auto|none">

Copy after login

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:

The

preload=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.

Example

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>

Copy after login

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.

Example

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>

Copy after login

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!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn