tainted canvas

HTML

<canvas id = "myCanvas" width = 800 height = 600 />
<div id = 'canvasImg'>your image will be placed here</div>
<video autobuffer controls autoplay>
  <source id="mp4" src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" type="video/mp4">
</video>

JavaScript

var canvas = document.getElementById('myCanvas'),
    context = canvas.getContext('2d'),
    imageObj = new Image();

imageObj.onload = function() {
    context.drawImage(imageObj, 0, 0);
    
    var dataURL = canvas.toDataURL();
    
    var canvasImg = new Image();    
    canvasImg.src = dataURL;
    
    ddocument.getElementById("canvasImg").appendChild(canvasImg);
};

imageObj.src = 'http://3.bp.blogspot.com/-4NP3xwj-ZMI/UXU8RT1k02I/AAAAAAAACEU/88knXDu2MeQ/s72-c/music3g1.JPG';