video 截图制作封面

video 标签无法绘制到 canvas 上？ 前端该如何给 video 制作封面

截取视频封面

const videoEl = document.createElement('video');
const canvasEl = document.createElement('canvas');
video.width = 192;
video.height = 108;
canvas.width = 192;
canvas.height = 108;
video.autoplay = 'autoplay';
video.preload = 'auto';
video.src = 'https://xxx.org/xxx.mp4';
video.addEventListener('loadeddata', () => {
  canvas.getContext('2d').drawImage(video, 0, 0, 192, 108);
  const url = canvas.toDataURL();
});