HTML video 標(biāo)簽參考手冊(cè)HTML <video> 標(biāo)簽

當(dāng)使用了 <video>標(biāo)簽的 poster 屬性，則頁面中將顯示您設(shè)置的圖像，即一個(gè)帶有預(yù)覽圖的視頻播放器，請(qǐng)參考下述示例：

實(shí)例

帶有預(yù)覽圖的視頻播放器：

<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 Explorer Firefox Opera Google Chrome Safari

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

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

定義和用法

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

HTML 4.01 與 HTML5之間的差異

<video> 標(biāo)簽是HTML5新標(biāo)簽。

語法

<video poster="URL">

屬性值

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

可能值：

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

HTML video 標(biāo)簽參考手冊(cè)HTML <video> 標(biāo)簽