Video poster 屬性

HTML DOM Video 對象

定義和用法

poster 屬性設置或返回視頻的 poster 屬性的值。

poster 屬性規定在視頻下載時或用戶點擊播放按鈕之前要顯示的圖像。如果未設置，則將使用視頻的第一幀。

實例

例子 1

更改視頻的封面圖片：

document.getElementById("myVideo").poster = "/images/w3logo.png";

親自試一試

例子 1

獲取封面圖片的 URL：

var x = document.getElementById("myVideo").poster;

親自試一試

語法

返回 poster 屬性：

videoObject.poster

設置 poster 屬性：

videoObject.poster = URL

屬性值

值 描述
URL

規定圖像文件的 URL。

可能的值：

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

技術細節

返回值： 字符串值，代表封面圖片的 URL。返回整個 URL，包括協議（如 http://）。

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 支持 支持

相關頁面

HTML 參考手冊：HTML <video> poster 屬性

HTML DOM Video 對象