H5 video poster属性设置视频封面的方法
打开一个视频，在点击播放之前会看到一张封面图，点击之后封面消失，随即播放视频。
若现有一需求，要你自定义给某个视频设置封面，应该怎么做呢？
此时可使用H5 video提供的poster属性即可轻松实现，
poster 属性规定视频下载时显示的图像或用户点击播放按钮前显示的图像。如未设置该属性，则使用视频的第一帧代替
Demo
视频封面
补充：有时会出现视频封面无法铺满的情况，需要使用object-fit属性铺满整个屏幕
到此这篇关于H5 video poster属性设置视频封面的方法的文章就介绍到这了,更多相关H5设置视频封面内容请搜索潘少俊衡以前的文章或继续浏览下面的相关文章，希望大家以后多多支持潘少俊衡！
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
本文地址：/web/html5/73926.html
