如何在 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

129 次瀏覽

啟動你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.