попробуйте это:
<body >
<video id="video" src="BO_VS_ST_MT1.webm" width="480px" height="270px" autoplay controls >
</video>
<canvas width="400" height="300" style="border: 1px solid black;" ></canvas>
<script language="Javascript">
window.onload = function(){ initCanvas(); }
var context;
function initCanvas(){
var video = document.getElementsByTagName("video")[0];
var canvas = document.getElementsByTagName("canvas")[0];
context = canvas.getContext("2d");
video.addEventListener("timeupdate", paintFrame, false);
}
function paintFrame(){
context.drawImage(video, 0, 0, 400, 300);
}
</script>
Но я думаю, это будет выглядеть так медленно: /