Video poster 属性

HTML DOM Video 对象

定义和用法

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 属性

HTML DOM Video 对象