Video poster 屬性

實例

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

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

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

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

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

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

返回 poster 屬性：

videoObject.poster

設(shè)置 poster 屬性：

videoObject.poster=URL

值	描述
URL	描述了圖片文件的 URL 地址。可能值：絕對 URL - 指向其他站點 (如： ) 相對 URL - 指向站內(nèi)文件 (如： href="poster.jpg")

值

描述

URL

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

可能值：

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

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

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

x輸出結(jié)果為：

/images/logo.png