html5中preload是什麼意思

WBOY
發布: 2022-09-02 16:28:55
原創
4544 人瀏覽過

在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"    style="max-width:90%" 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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板