HTML5 video视频播放标签如何添加封面图片

我们在用到HTML5 video视频视频标签时候,需要将视频添加封面图片,这个要怎么操作呢?通常情况下,网站的视频都使用VIDEO标签来播放了,给VIDEO标签视频添加封面图片,只需要给代码添加一个poster属性。代码如下: video poster="images/spbg.jpg" src="abou
我们在用到HTML5 video视频视频标签时候,需要将视频添加封面图片,这个要怎么操作呢?通常情况下,网站的视频都使用VIDEO标签来播放了,给VIDEO标签视频添加封面图片,只需要给代码添加一个poster属性。代码如下:
<video poster="images/spbg.jpg" src="about.mp4" controls="controls">
您的浏览器不支持 video 标签。
</video>
代码里的poster="images/spbg.jpg"就是设置视频封面片的,images/spbg.jpg是封面图路径。
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

在用video标签的时候发现图片不能平铺整个屏幕,后来查了一下需要用到object-fit属性 从MDN上查到的属性内容如下: object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。 设置成fill平铺就可以了,代码如下: video{ width:10