Video poster 属性

定义和用法

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

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

更改视频的封面图片：

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

获取封面图片的 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。

可能的值：

返回值：	字符串值，代表封面图片的 URL。返回整个 URL，包括协议（如 http://）。

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