视频的海报

---

实例

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

<!文章类型 网页>
<网页>
<头部>
<兼容模式/>
</头部>
<主体>
<视频 宽度=“320“ 高度=“240“ 海报="https://www.w3school.com.cn/i/w3school_logo_black.gif" 控件>
<资源 资源地址=“https://www.w3school.com.cn/i/movie.ogg“ 类型=“视频/ogg“ />
<资源 资源地址=“https://www.w3school.com.cn/i/movie.mp4“ 类型=“视频/mp4“ />
您的浏览器不支持 视频 标签。
</视频>
<段落><粗体>注意:</粗体>internet explorer 9 以及更早的版本不支持 <视频> 标签的 静音 属性。</段落>
</主体>
</网页>

---

 

浏览器支持

 

IE	Firefox	Chrome	Safari	Opera
是	是	是	是	是

 

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

 

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

---

定义和用法

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

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

注：海报 属性是 HTML 5 中的新属性。

---

语法

<视频 海报="地址"> 

属性值

值	描述
地址	规定图像文件的 地址。 可能的值： 绝对 地址- 指向另一个网站（比如 超引用="http://www.example.com/poster.jpg"） 相对 地址- 指向网站内的文件（超引用="poster.jpg"）

---

---