var?context?=?canvas.getContext('2d');
var?video?=?document.createElement('video');
video.src?=?'吔屎吧梁非凡_x264壓制.mp4';
video.preload?=?'preload';
video.autoplay?=?'autoplay';
video.height?=?context.canvas.height;
video.width?=?context.canvas.width;

setInterval(function?(){
??var?pattern?=?context.createPattern(video,?'no-repeat');
???context.fillStyle?=?pattern;
???context.fillRect(0,?0,?context.canvas.width,?context.canvas.height);
???pattern?=?null;

???//drowStar...這里執(zhí)行其他繪畫步驟

},100);

測試可用，setInterval的時間間隔盡量調(diào)大，不然電腦風扇會狂飆...

對不起，之前的理解有點問題，createPattern可以接受第一個參數(shù)是HTMLVideoElement也就是你的

<video?src="movie.ogg"></video>

對象，為何不顯示視頻，是因為你的程序只繪制了一次畫板，當然不會有動態(tài)效果。

至于video對象記錄的當前圖像幀數(shù)據(jù)，createPattern是如何獲取的，已不在這個問題的范圍內(nèi)了?？梢圆榭磆tml5 video元素實現(xiàn)，我也是一知半解，可以問問老師。

這樣寫肯定不行的，我覺得第一個參數(shù)應該是一幀圖像的數(shù)據(jù)，查了下文檔

createPattern 第一個參數(shù)是CanvasImageSource數(shù)據(jù)類型?

typeof （HTMLImageElement or?HTMLVideoElement or?HTMLCanvasElement）CanvasImageSource；

具體HTMLVideoElement數(shù)據(jù)類型我也沒有了解。

把你的代碼這樣改可行：

//設置video填充
var?video?=?document.createElement("video");
video.src?=?"movie.ogg";
video.autoplay?=?"autoplay";
setInterval(function(){
????var?pattern=?context.createPattern(video,?"no-repeat");
????context.fillStyle?=?pattern;
????context.fillRect(0,?0,?windowWidth,?windowHeight);
????},
????16);