轻松上手,快乐学习!

HTML <video> poster 属性


实例

带有预览图的视频播放器:

<video controls poster="/images/bthtml5.gif">
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持 video 视频标签。
</video>
亲自试一试 »

定义和用法

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


浏览器支持

表中的数字表示支持该属性的第一个浏览器版本。

属性
poster 4.0 9.0 3.6 3.1 10.5

语法

<video poster="URL">

属性值

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

可能的值:

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