<video> poster 属性的使用方法,poster 属性指定在下载视频时或直到用户单击播放按钮之前要显示的图像。如果未包括在内,则将使用视频的第一帧。
具有海报图像的视频播放器:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(cainiaoplus.com)</title> </head> <body> <video controls poster="/run/html/views.png"> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> 您的浏览器不支持 video 标签。 </video> </body> </html>测试看看 ‹/›
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 poster 属性。
注意: Internet Explorer 8 及更早IE版本不支持 <video> 标签。
poster 属性指定在下载视频时或直到用户单击播放按钮之前要显示的图像。如果未包括在内,则将使用视频的第一帧。。
<video> 标签是HTML5新标签。
<video poster="URL">
值 | 描述 |
---|---|
URL | 指定图片文件的URL。 可能值:
|