1、我在w3c上看到了canvas有個方法叫drawImage(video, x, y, w, h);于是我是實驗了一下var v=document.getElementById("video1");var c=document.getElementById("myCanvas");var ctx=c.getContext('2d');
v.addEventListener('play',function() {
var i = window.setInterval(function() {
ctx.drawImage(v, 0, 0, 270, 135);
}, 20);
},false);
v.addEventListener('pause',function() {window.clearInterval(i);},false);
v.addEventListener('ended',function() {clearInterval(i);},false);
}發現PC端畫布是可以播放視頻的,于是興奮的拿起手機測試,結果GG了,畫布一片空白,為了測試是不是畫布問題,我加上圖片,用畫布去畫圖片,同樣的drawImage()方法,圖片成功畫出來了,于是可以斷定畫布沒問題,又懷疑是手機原因,換了幾個瀏覽器還是一樣,又換了幾個手機,我的結果是絕望了難道移動端畫布是畫不了視頻的么,drawImage(video, x, y, w, h);完全不起作用,不知是不是我漏掉哪里,球各位大神指示
求教,移動端canvas播放視頻問題
慕無忌1623718
2018-09-04 10:10:43