videoタグじゃなくてcanvas経由で動画を表示する。
videoElement = document.createElement('video') videoDiv = document.createElement('div') document.body.appendChild(videoDiv) videoDiv.appendChild(videoElement) videoDiv.setAttribute("style","display:none;") videoType = supportedVideoFormat(videoElement) console.log(videoType) videoElement.setAttribute("src","/videos/sample." + videoType) videoElement.addEventListener("canplaythrough", videoLoaded, false) theCanvas = document.getElementById("canvasOne") context = theCanvas.getContext("2d") videoElement.play() setInterval(drawScreen, 33)
なんでvideoElementにイベントリスナー設定しているのに、最後の方でplayメソッドを呼び出しているのかわからん。6-5のサンプルに倣うんだったらvideoLoadedで呼び出すべきなんじゃないのかね?
HTML5 Canvas: Native Interactivity and Animation for the Web
Steve Fulton
Oreilly & Associates Inc / 2922円 ( 2011-05-13 )
Steve Fulton
Oreilly & Associates Inc / 2922円 ( 2011-05-13 )