视频实现显示预览图

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

标题方法1、截图后作为预览图,然后用poster属性(举例:poster=“图片地址” )

代码:


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

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

代码:


优点
1、不需截图,十分方便;

你可能感兴趣的:(html标签)