video视频强制自动播放500毫秒,将视频第一帧用canvas画出来

video视频强制自动播放500毫秒

document.addEventListener("WeixinJSBridgeReady", function () {
  video.play();
  setTimeout(()=>{
    video.pause();
  },500)
},false)

将视频第一帧用canvas画出来

      getVideoBase64() {
        let video = document.querySelector('video');
        let dataURL = '';
        let output = document.getElementById("output");
        let img = document.createElement("img");
        vid.setAttribute('crossOrigin', 'anonymous');//处理跨域
        vid.addEventListener('loadeddata', function () {
          let canvas = document.createElement("canvas"),
            width = vid.offsetWidth, //canvas的尺寸和图片一样
            height = vid.offsetHeight;
          canvas.width = width;
          canvas.height = height;
          canvas.getContext("2d").drawImage(vid, 0, 0, width, height); //绘制canvas
          dataURL = canvas.toDataURL('image/png'); //转换为base64
          img.src = dataURL;
          img.width = width;
          img.height = height;
          output.appendChild(img);
          vid.setAttribute("poster",dataURL);
        })
      },
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容