HTML <video> poster 属性

HTML <video> 标签HTML <video> 标签

poster 属性规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。

如果未设置该属性,则使用视频的第一帧来代替。

 

1. 浏览器支持

IE Firefox Chrome Safari Opera

所有主流浏览器都支持 poster 属性。

注释:Internet Explorer 8 以及更早的版本不支持 <video> 标签。

 

2. HTML 4.01 与 HTML 5 之间的差异

poster 属性是 HTML 5 中的新属性。

 

3. 语法

<video poster="URL"> 

属性值

描述
URL

规定图像文件的 URL。

可能的值:

  • 绝对 URL - 指向另一个网站(比如 href="http://www.example.com/poster.jpg")
  • 相对 URL - 指向网站内的文件(href="poster.jpg")

 

4. 范例

带有预览图(海报图片)的视频播放器:

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

我要试一试

HTML <video> 标签HTML <video> 标签

HTML <video> preload 属性:preload 属性规定是否在页面加载后载入视频。如果设置了 autoplay 属性,则忽略该属性。1. HTML 4.01 与 HTML 5 之间的差异:preload 属性是 HTML 5 中的新属性。2. 语法:<video preload="load" />。