HTML <video> poster 属性
HTML <video> 标签
实例
带有预览图（海报图片）的视频播放器：
<!DOCTYPE html><html><body><video width="320" height="240" poster="/images/demo.png" controls=""><source src="/example/video/demo.mp4" type="video/mp4"><source src="/example/video/demo.ogv" type="video/ogv">您的浏览器不支持 video 标签。</video></body></html>
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| video | Yes | Yes | Yes | Yes | Yes |
所有主流浏览器都支持 poster 属性。注释：Internet Explorer 8 以及更早的版本不支持 <video> 标签。
定义和用法
poster 属性规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。
如果未设置该属性，则使用视频的第一帧来代替。
HTML 4.01 与 HTML 5 之间的差异
poster 属性是 HTML 5 中的新属性。
语法
<video poster="URL">
属性值
| 值 | 描述 |
|---|---|
| URL | 规定图像文件的 URL。 可能的值：
|
![http://www.example.com/poster.jpg"）](http://www.example.com/poster.jpg"）){kind=link}