HTML 参考手册

HTML 标签大全

HTML: <video> poster 属性

<video> poster 属性的使用方法,poster 属性指定在下载视频时或直到用户单击播放按钮之前要显示的图像。如果未包括在内,则将使用视频的第一帧。

 HTML <video> 标签

在线示例

具有海报图像的视频播放器:

<!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 标签。
</video>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

注意: Internet Explorer 8 及更早IE版本不支持 <video> 标签。

定义和用法

poster 属性指定在下载视频时或直到用户单击播放按钮之前要显示的图像。如果未包括在内,则将使用视频的第一帧。。

HTML 4.01 与 HTML5之间的差异

<video> 标签是HTML5新标签。

语法

<video poster="URL">

属性值

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

可能值:

  • 绝对URL - 指向另外一个站点URL (如:href="http://www.example.com/poster.jpg")

  • 相对URL - 指向同个站点的URL (如: href="poster.jpg")

 HTML <video> 标签