HTML DOM Video poster 屬性
實例
修改當前視頻數據在無效時顯示的圖片：
document.getElementById("myVideo").poster = "../images/w3cschoolcomlogo.png";
嘗試一下»
定義和用法
poster 屬性用於設置或返回視頻的poster 屬性值。
poster 屬性描述了在視頻加載時或在用戶點擊播放按鈕前顯示的圖片。 如果不包含該屬性，視頻的第一幀將被用來代替顯示。
瀏覽器支持
所有主流瀏覽器都支持poster 屬性。
注意： Internet Explorer 8及更早IE版本不支持<video>元素。
語法
返回poster 屬性：
videoObject .poster
設置poster 屬性：
videoObject .poster= URL
屬性值
| 值 | 描述 |
|---|---|
| URL | 描述了圖片文件的URL 地址。 可能值：
|
技術細節
| 返回值： | 字符串，表示預覽圖片的URL地址。 返回實體URL，包含協議( http://) |
|---|
更多實例
實例
獲取預覽圖的URL地址：
var x = document.getElementById("myVideo").poster;
x輸出結果為： http://www.w3cschool.cc/jsref/w3javascript.gif
嘗試一下»
相關頁面
HTML參考手冊: HTML <video> poster屬性
Video對象