HTML <video> poster 屬性

HTML <video> 標簽

定義和用法

poster 屬性指定一幅圖像，會在視頻下載期間或直到用戶點擊播放按鈕之前顯示。

如果未設置該屬性，則將使用視頻的第一幀圖像。

實例

帶有海報圖像的視頻播放器：

<video controls poster="w3v.png">
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  您的瀏覽器不支持視頻標簽。
</video>

親自試一試

語法

<video poster="URL">

屬性值

值 描述
URL

規定圖像文件的 URL。

可能的值：

  • 絕對 URL - 指向另一個網站（如 href="http://www.example.com/poster.jpg"）
  • 相對 URL - 指向網站內的文件（如 href="poster.jpg"）

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 3.1 10.5

HTML <video> 標簽