video視頻強(qiáng)制自動(dòng)播放500毫秒,將視頻第一幀用canvas畫出來(lái)

video視頻強(qiáng)制自動(dòng)播放500毫秒

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

將視頻第一幀用canvas畫出來(lái)

      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'); //轉(zhuǎn)換為base64
          img.src = dataURL;
          img.width = width;
          img.height = height;
          output.appendChild(img);
          vid.setAttribute("poster",dataURL);
        })
      },
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容