Video poster 属性

定义和用法

poster 属性设置或返回视频的 poster 属性的值。

poster 属性规定在视频下载时或用户点击播放按钮之前要显示的图像。如果未设置,则将使用视频的第一帧。

实例

例子 1

更改视频的封面图片:

document.getElementById("myVideo").poster = "/images/w3logo.png";

亲自试一试

例子 1

获取封面图片的 URL:

var x = document.getElementById("myVideo").poster;

亲自试一试

语法

返回 poster 属性:

videoObject.poster

设置 poster 属性:

videoObject.poster = URL

属性值

描述
URL

规定图像文件的 URL。

可能的值:

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

技术细节

返回值: 字符串值,代表封面图片的 URL。返回整个 URL,包括协议(如 http://)。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 支持 支持

相关页面

HTML 参考手册:HTML <video> poster 属性