HTML <video> poster 属性

HTML <video> 标签

实例

带有预览图（海报图片）的视频播放器：

  1. <video controls poster="/images/w3school.gif">
  2.    <source src="movie.mp4" type="video/mp4">
  3.    <source src="movie.ogg" type="video/ogg">
  4.    Your browser does not support the video tag.
  5. </video>

浏览器支持

Chrome IE Firefox Safari Opera
Chrome Internet Explorer / Edge Firefox Safari Opera

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

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

定义和用法

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

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

HTML 4.01 与 HTML 5 之间的差异

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

语法

  1. <video poster="URL">

属性值

值 描述
URL 规定图像文件的 URL。

可能的值：

• 绝对 URL - 指向另一个网站（比如 href=”http://www.example.com/poster.jpg"）


• 相对 URL - 指向网站内的文件（href=”poster.jpg”）|