HTML 參考手冊

HTML 標(biāo)簽大全

HTML: <video> poster 屬性

<video> poster 屬性的使用方法,poster 屬性指定在下載視頻時(shí)或直到用戶單擊播放按鈕之前要顯示的圖像。如果未包括在內(nèi),則將使用視頻的第一幀。

 HTML <video> 標(biāo)簽

在線示例

具有海報(bào)圖像的視頻播放器:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鳥教程(cainiaoplus.com)</title> 
</head>
<body>
<video controls poster="/run/html/views.png">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的瀏覽器不支持 video 標(biāo)簽。
</video>
</body>
</html>
測試看看 ?/?

瀏覽器兼容性

IEFirefoxOperaChromeSafari

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

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

定義和用法

poster 屬性指定在下載視頻時(shí)或直到用戶單擊播放按鈕之前要顯示的圖像。如果未包括在內(nèi),則將使用視頻的第一幀。。

HTML 4.01 與 HTML5之間的差異

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

語法

<video poster="URL">

屬性值

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

可能值:

  • 絕對URL - 指向另外一個(gè)站點(diǎn)URL (如:href="http://www.example.com/poster.jpg")

  • 相對URL - 指向同個(gè)站點(diǎn)的URL (如: href="poster.jpg")

 HTML <video> 標(biāo)簽
丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清