由于狗日的微信擅自修改了微信浏览器内核,并立下了很多sb的规则来提升他们的kpi,结果他还没权利修改ios浏览器内核,所以导致微信H5内视频交互很是头疼,只好用障眼法,把视频渲染到画布上去完成交互
html代码
js代码
function bb(){ document.getElementById("vvideo").play(); } var w = window.innerWidth; var h = window.innerHeight; console.log(w,h); //获取video var TestVideo=document.getElementById("vvideo"); //获取canvas画布 var TestCanvas=document.getElementById("testCanvas"); //设置画布 var TestCanvas2D=TestCanvas.getContext('2d'); //设置setinterval定时器 var TestVideoTimer=null; //监听播放 TestVideo.addEventListener('play',function() { TestVideoTimer=setInterval(function() { TestCanvas2D.drawImage(TestVideo,0,0,w,h); },20); },false); //监听暂停 TestVideo.addEventListener('pause',function() { clearInterval(TestVideoTimer); },false); //监听结束 TestVideo.addEventListener('ended',function() { clearInterval(TestVideoTimer); console.log('播放结束了'); },false);