HTML 5视频js更新源并在加载后播放

Question

我正在尝试使用Video.js更改HTML 5视频的来源.

来源正在改变,我可以点击播放,它将播放视频,但我需要视频播放一个事件.特别是这个loadedalldata事件.

我已经阅读了api文档并且它表明,我所做的事情应该起作用(根据我的理解).

使用Javascript:

var player = _V_('video'),
    video = [{
        "type": "video\/mp4",
        "src": "http:\/\/mabuse.dev\/assets\/videos\/testVideo.mp4"
    }, {
        "type": "video\/webm",
        "src": "http:\/\/mabuse.dev\/assets\/videos\/testVideo.webm"
    }, {
        "type": "video\/ogg",
        "src": "http:\/\/mabuse.dev\/assets\/videos\/testVideo.ogv"
    }, {
        "type": "video\/flv",
        "src": "http:\/\/mabuse.dev\/assets\/videos\/testVideo.flv"
    }];

/* Add sources to new player */
player.src(video);

/* Remove loader & play video once loaded */
player.on("loadedalldata", function(){
    console.log('test');
    //app.player.play();
});

HTML:

<video class="video-js" id="video" controls preload="none" width="572" height="356" data-setup="{}"></video>

Answer 1

尝试侦听直接从视频元素分派的类似事件。

document.querySelector("#video").addEventListener("canplaythrough", onLoaded)