Javascript 使用Easel.js将视频添加到HTML5画布

根据文档说明，您可以将HTMLVideoElement传递给一个Easel.js位图。从文件中

Bitmap ( image ) 
Parameters:
image <Image | HTMLCanvasElement | HTMLVideoElement> The Image, Canvas, or Video to render to the display list. 

位图（图像）
参数：
图像要渲染到显示列表的图像、画布或视频。

我已经设法将图像加载并添加到画布中，因此我知道我的库设置和代码正常工作，但我不知道如何添加视频

我可以添加一个视频标签，让文件在画布和框架之外播放，我可以通过访问上下文直接将视频添加到画布，而无需使用画架，因此我知道视频很好

---

非常感谢您提供几行示例代码。

为了添加视频，您需要将其添加到DOM（html5上的典型视频标记）中，并在js上选择该元素，并将其作为参数传递给位图实例

JS:

HTML:

---

希望有帮助

虽然这在ie9中有效，但chrome似乎存在一些问题

var introVideo =  document.getElementById("introVideo");
var bitmap =  new Bitmap (introVideo);
stage.addChild (bitmap);

<video autoplay id="introVideo" style="display:none">
<source src="./videos/01_Intro.mp4" type="video/mp4" />
<source src="./videos/01_Intro.ogv" type="video/ogg" />
</video>