HTML 5 Video js Update-Quelle und spielen einmal geladen

Question

Ich versuche, die Quelle eines HTML 5-Video mit Video.js zu ändern.

Quelle ändert sich und ich kann auf Play klicken und es wird das Video abspielen, aber ich brauche Video, um auf einem Ereignis zu spielen. Insbesondere das Ereignis loadedalldata.

Ich habe die api documentation gelesen und es schlägt vor, dass was ich getan habe, sollte funktionieren (von meinem Verständnis.).

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

Versuchen Sie, ein ähnliches Ereignis zu hören, die direkt aus dem Videoelement ausgelöst wird.

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