HTML 5ビデオjsアップデートソースと一度読み込んだプレイ

Question

Video.jsを使用してHTML 5ビデオのソースを変更しようとしています。

ソースが変更されていて、再生をクリックするとビデオが再生されますが、イベントで再生するにはビデオが必要です。特にloadedalldataイベント。

私はapi documentationを読んでいます。私がやったことはうまくいくはずです（私の理解から）。

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

video要素から直接派遣された同様のイベントを聴いてみてください。

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