Canvas截取video上的第一帧作为封面

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_40629244/article/details/100117809

var canvas = document.createElement('canvas');
var img = document.getElementById('img');
const video = document.getElementById('video');
video.setAttribute('crossOrigin', 'anonymous');
canvas.width = video.clientWidth;
canvas.height = video.clientHeight;
video.onloadeddata = (() => {
    canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
    var dataURL = canvas.toDataURL('image/png');
    img.setAttribute('src', dataURL);
})