Drawing a video on canvas

draw_video_on_canvas.js

 //javascript
  var canvas = document.querySelector('canvas');
  canvas.width  = ...;
  canvas.height = ...;

  var context = canvas.getContext('2d');

  context.drawImage(video, 0, 0, canvas.width, canvas.height);

  // video 'play' event listener
  video.addEventListener('play', function() {
    context.drawImage(this, 0, 0, canvas.width, canvas.height);
  }, false);