Video poster 屬性

Video 對象參考手冊 Video 對象

實例

修改當(dāng)前視頻數(shù)據(jù)在無效時顯示的圖片：

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

嘗試一下 ?

定義和用法

poster 屬性用于設(shè)置或返回視頻的 poster 屬性值。

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

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

語法

返回 poster 屬性：

videoObject.poster

設(shè)置 poster 屬性：

videoObject.poster=URL

屬性值

值 描述
URL 描述了圖片文件的 URL 地址。

可能值：

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

技術(shù)細(xì)節(jié)

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

更多實例

實例

獲取預(yù)覽圖的URL地址：

var x = document.getElementById("myVideo").poster;
x輸出結(jié)果為：
//hgci.cn/jsref/w3javascript.gif

嘗試一下 ?

相關(guān)頁面

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

Video 對象參考手冊 Video 對象