एचटीएमएल 5 वीडियो जेएस अद्यतन स्रोत और लोड होने के बाद

Question

मैं Video.js का उपयोग कर एक HTML 5 वीडियो के स्रोत को बदलने की कोशिश कर रहा हूं।

स्रोत बदल रहा है और मैं खेल पर क्लिक कर सकता हूं और यह वीडियो चलाएगा, लेकिन मुझे किसी ईवेंट पर खेलने के लिए वीडियो चाहिए। विशेष रूप से loadedalldata घटना।

मैंने api documentation पढ़ा है और यह सुझाव देता है कि मैंने जो किया है वह काम करना चाहिए (मेरी समझ से।)।

जावास्क्रिप्ट:

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)