视频实现显示预览图

不知道你们有没有试过用video标签，显示出来的预览图是视频的第一帧或者是黑屏 如果你想实现下图的效果可以用两个方法

标题方法1、截图后作为预览图，然后用poster属性（举例：poster=“图片地址” ）

代码：

<video poster="图片url" src="视频url" controls=""></video>

优点： 1、能用视频以外的图片； 2、容易截到好看的图片作为封面。

标题方法2、用video里的preload=“metadata”，再地址的后面+#t=1（1是1秒的意思）（举例：地址#t=1,1是1秒的意思）。

代码：

<video preload="metadata" src="视频地址#=1" controls=""></video>

优点： 1、不需截图，十分方便；