如何在画布元素

Question

我想要在画布中绘制视频。我真的不确定如何去做这件事。任何人都可以通过JavaScript演示如何做到这一点？这是我已有的代码：

＆＃13;

＆＃13;

function load(){
  //Code to do this will go in here
}

＆＃13;

  <video id="video" height="800" style="width: 100%;" onloadstart="load()">
  <source src="video.mp4" type="video/mp4" />
  <source src="video.ogg" type="video/ogg" />
  <source src="video.webm" type="video/webm" />
  <img src="images/video.jpg" height="800" style="width: 100%;" />
  </video>
<canvas>???</canvas>

＆＃13;

＆＃13;

＆＃13;

我去过像这样的一些网站：http://html5doctor.com/video-canvas-magic/，它们展示了如何做到这一点，但我无法让它发挥作用。我也不需要它提供的额外功能我只想在画布中使用简单的视频。另外，如果我在页面上实现此功能，是否必须隐藏视频元素，以便页面上没有两个视频？谢谢。