HTML 5視頻js更新源文件並加載一次

我試圖使用Video.js更改HTML 5視頻的來源。HTML 5視頻js更新源文件並加載一次

來源正在改變，我可以點擊播放，它會播放視頻，但我需要視頻才能播放一個事件。具體是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>

來源

2013-10-22 CharliePrynn

這只是一個粗略的猜測，但嘗試將字符串改成這樣： '{ 「類型」：「視頻/ MP4」，「SRC」：「http://mabuse.dev/assets/videos /testVideo.mp4「} 視頻播放器可能不理解您傳遞給它的URL ...... – MarcoL

順便說一句，我還會在設置src之前綁定事件。 – MarcoL

嘗試聽的是直接從視頻元素派出了類似的事件。

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

來源

2013-11-11 19:25:21

HTML 5視頻js更新源文件並加載一次

回答

相關問題