不知道你们有没有试过用video标签，显示出来的预览图是视频的第一帧或者是黑屏
如果你想实现下图的效果可以用两个方法
标题方法1、截图后作为预览图，然后用poster属性（举例：poster=“图片地址” ）
代码：
<video poster="图片url" src="视频url" controls=""></video>
1
优点：
1、能用视频以外的图片；
2、容易截到好看的图片作为封面。
标题方法2、用video里的preload=“metadata”，再地址的后面+#t=1（1是1秒的意思）（举例：地址#t=1,1是1秒的意思）。
代码：
1
优点：
1、不需截图，十分方便；
版权声明：本文为qq_40787608原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。