我们在平常中在使用不同的视频app的时候打开一个视频，在点击播放之前会看到一张封面图，点击之后封面消失，随即播放视频。那么今天我们就来讲讲有关于：“在前端中怎么使用video poster属性设置视频封面？”这个问题的相关解决方法！

 此时可使用H5 video提供的poster属性即可轻松实现，

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

Demo：

补充：有时会出现视频封面无法铺满的情况，需要使用object-fit属性铺满整个屏幕

今天小编就“在前端中怎么使用video poster属性设置视频封面？”这个问题提供了上面这些相关内容分享，更多有关于这方面的相关内容我们都可以在W3Cschool中进行了解更多的相关知识！