HTML <video> poster 属性

HTML <video> 标签

定义和用法

poster 属性指定一幅图像，会在视频下载期间或直到用户点击播放按钮之前显示。

如果未设置该属性，则将使用视频的第一帧图像。

实例

带有海报图像的视频播放器：

<video controls poster="w3v.png">
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  您的浏览器不支持视频标签。
</video>

亲自试一试

语法

<video poster="URL">

属性值

值 描述
URL

规定图像文件的 URL。

可能的值：

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

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 3.1 10.5

HTML <video> 标签