如何在HTML中指定元素為只讀？

在本文中，我們將學習如何在HTML中指定作者認為音訊/影片在頁面載入時應如何載入。

使用HTML音訊預載入屬性，作者可以描述他們希望音訊在頁面載入時如何載入。此功能允許作者告訴瀏覽器如何實現網站的使用者體驗。

注意 — 預載入屬性在存在自動播放時會被忽略。

語法

以下是HTML預載入屬性的語法。

<video preload="auto|none">

為了更好地理解如何在HTML中指定作者認為音訊/影片在頁面載入時應如何載入。

<video>preload=” auto”

preload=auto 設定指示瀏覽器下載整個影片。使用此方法啟動後，影片將再次完全播放，這是最耗費資料的方法。如果 preload 屬性沒有指定值，則使用 auto 設定。

示例

在下面的示例中，我們設定了 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>

執行上述指令碼後，當用戶嘗試重新載入網頁時，它將使使用者重新載入上傳帶有顯示影像的影片。

<video>preload =”none”

Preload=none 指示瀏覽器下載 0 位元組的影片，即使存在影片也是如此。裝置上沒有本地影片儲存，因此這顯然可以節省資料，但代價是影片啟動延遲。

示例

考慮下面的示例，我們設定了 preload=”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>

當指令碼執行時，它使使用者在網頁載入時不會載入影片。

更新於：2022年12月15日

瀏覽量：128

開啟你的職業生涯

完成課程獲得認證

開始學習
廣告