Latest web development tutorials

HTML video poster 屬性

HTML video 標籤參考手冊 HTML <video>標籤

實例

帶有預覽圖的視頻播放器:

<video controls poster="../images/w3html5.gif">
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>

嘗試一下»

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

注意: Internet Explorer 8及更早IE版本不支持<video>標籤。


定義和用法

poster 屬性指定視頻下載時顯示的圖像,或者在用戶點擊播放按鈕前顯示的圖像。


HTML 4.01 與HTML5之間的差異

<video> 標籤是HTML5新標籤。


語法

<video poster="URL">

屬性值

描述
URL 指定图片文件的URL。

可能值:

  • 绝对URL - 指向另外一个站点URL (如:href="http://www.example.com/poster.jpg")
  • 相对URL - 指向同个站点的URL (如: href="poster.jpg")


HTML video 標籤參考手冊 HTML <video>標籤