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'); //轉(zhuǎn)換為base64
img.src = dataURL;
img.width = width;
img.height = height;
output.appendChild(img);
vid.setAttribute("poster",dataURL);
})
},
