」。"/> 」。">

首頁  >  文章  >  web前端  >  html5中preload是什麼意思

html5中preload是什麼意思

WBOY
WBOY原創
2022-09-02 16:28:554528瀏覽

在html5中,preload是「預先載入」的意思,是用於規定是否在頁面加載後載入音頻或視頻,如果設定autoplay屬性則會忽略該屬性,並且preload屬性是html5中的新屬性,語法為「」。

html5中preload是什麼意思

本教學操作環境:windows10系統、HTML5版本、Dell G3電腦。

html5中preload是什麼意思

preload 屬性規定是否在頁面載入後載入音訊。

如果設定了 autoplay 屬性,則忽略該屬性。

preload 屬性是 HTML 5 中的新屬性。

語法為:

<audio preload="auto|metadata|none">
<video preload="auto|metadata|none">

規定是否預先載入音訊。

可能的值:

  • auto - 當頁面載入後載入整個音訊

  • meta - 當頁面載入後只載入元資料

  • none - 當頁面載入後不載入音訊

範例如下:

不載入

<video width="320" height="240" controls preload="none">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>

輸出結果:

html5中preload是什麼意思

#頁面載入後載入

<video width="320" height="240" controls preload="auto">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 标签。
</video>

輸出結果:

html5中preload是什麼意思

(學習影片分享:css影片教學html影片教學

以上是html5中preload是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn