js截取video视频某一帧做封面的简单案例

可以使用 canvas元素来截取视频某一帧并生成封面。

首先，在 video 标签上设置视频源地址和自动播放属性：

然后，在 canvas 标签上定义宽高和样式，并通过 JavaScript 获取视频元素和 canvas 元素：

接着，定义一个函数来截取视频某一帧，并将其渲染到 canvas 上：

在需要生成封面的地方调用该函数即可：

生成封面

最后，将 canvas 元素转换为图片元素并插入到页面中：

完整代码如下：

生成封面