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

當使用了 <video>標簽的 poster 屬性，則頁面中將顯示您設置的圖像，即一個帶有預覽圖的視頻播放器，請參考下述示例：

實例

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

<video controls poster="/images/w3html5.gif">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

定義和用法

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

HTML 4.01 與 HTML5之間的差異

<video> 標簽是HTML5新標簽。

語法

<video poster="URL">

屬性值

值描述
URL指定圖片文件的URL。

可能值：

  • 絕對URL - 指向另外一個站點URL (如： rel="external nofollow" target="_blank" )
  • 相對URL - 指向同個站點的URL (如： href="poster.jpg")

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