javascript - 将视频控件添加到 CreateJS/EaselJS Canvas

Question

我正在使用 CreateJS/EaselJS 在 Canvas 中显示视频，并且工作正常:

stage = new createjs.Stage("demoCanvas");
background = new createjs.Shape();
stage.addChild(background);

videoDOM = document.createElement('video');
videoDOM.src = 'videos/espace_clients.webm';

if($.browser.msie) videoDOM.src = 'videos/espace_clients.mp4';
if($.browser.opera) videoDOM.src = 'videos/espace_clients.ogv';
videoDOM.autoplay = true;

video = new createjs.Bitmap(videoDOM);

stage.addChild(video);

现在我想添加基本的播放控件(暂停、播放、快退)。这可能吗？

Answer 1

事实证明这很容易做到!只需让目标视频对象处理即可:

buttonPause.addEventListener("click", clickHandler); 

function clickHandler(pEvent)
{
    videoDOM.pause();
}