Źródło aktualizacji HTML 5 wideo js i odtwarzanie po załadowaniu

Question

Próbuję zmienić źródło wideo HTML 5 za pomocą Video.js.

Źródło się zmienia i mogę kliknąć przycisk odtwarzania, aby odtworzyć wideo, ale potrzebuję wideo do odtworzenia zdarzenia. W szczególności zdarzenie loadedalldata.

Przeczytałem api documentation i sugeruję, że to, co zrobiłem, powinno zadziałać (Z mojego zrozumienia.).

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

Spróbuj słuchać podobnego zdarzenia, które są wysyłane bezpośrednio z elementem wideo.

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