Video.js - 使用閃光燈的單個頁面上的多個mp4視頻

我有一個頁面，其中包含兩個未加載正確頁面的MP4視頻。第一個視頻可以播放，但第二個視頻只顯示黑屏。我已經嘗試了Multiple video.js players fail on flash fallback中詳述的修復程序，但它們沒有奏效。Video.js - 使用閃光燈的單個頁面上的多個mp4視頻

我已經改變了回退順序，先使用flash，然後是html5，因爲firefox不會嘗試回退到閃存，否則。我知道這是Flash播放器造成的問題，如果我離開了默認的HTML5順序然後閃光，玩家將在Chrome上工作。

這裏是我遇到的小提琴：提前 http://jsfiddle.net/jSp8Z/

<script src="//vjs.zencdn.net/c/video.js"></script> 
<link rel="stylesheet" href="//vjs.zencdn.net/c/video-js.css"> 

<video class="video-js vjs-default-skin" controls width="320" height="459" poster="" data-setup='{"techOrder":["flash","html5","links"]}'> 
<source src="http://images.pitchero.com/up/2013-01-08-iphone-af.mp4" type="video/mp4"> 
</video> 
<video class="video-js vjs-default-skin" controls width="320" height="459" poster="" data-setup='{"techOrder":["flash","html5","links"]}'> 
<source src="http://images.pitchero.com/up/2013-01-08-iphone-matchday.mp4" type="video/mp4"> 
</video>

感謝

[編輯] 我已經找到了重新編碼視頻爲OGG爲形式的解決方案firefox，但我不會接受這個作爲我自己的答案，除非無法解決閃回故障的問題。

來源

2013-01-09 Alex Jeffrey

是的，這是一個艱難的。我建議用videojs記錄一個錯誤票。 https://github.com/zencoder/video-js/issues（當你在這裏的時候，我也建議使用webm編碼，它會在Firefox 4+中播放，質量比OGG高） – brianchirls

您正在嘗試使用HTML5播放.mp4視頻，這在firefox中本來就不受支持。

看看兼容性圖表中here

來源

2013-01-09 12:50:55

我知道由於firefox不支持mp4視頻，這就是爲什麼我首先使用閃回回退 - 問題在於閃回回退似乎有一些錯誤或者被捕獲。 –

嘗試加入了獨特的「id」屬性，以每個視頻標籤。該文檔說這是必需的，這是有道理的，因爲它可能需要Flash和JS組件在互相交談時區分視頻元素

來源

2013-04-18 13:23:19 aphax

我發現這個。它的工作適合我。將以下行添加到您的頁面

<script> 
var myVideo = _V_("example_video_1"); // get my videojs. 
function onComplete(){ 
    var myVideo1 = document.getElementsByTagName('video')[0]; // get my <video> tag. 
    var videoPlaying = myVideo1.currentSrc; // get the file being played 
    var ext = videoPlaying.substr(videoPlaying.lastIndexOf(".")); // figure the correct extension 
    myVideo1.src = 'video/eu'+ext; // set up the new src 
    myVideo.load(); // load the new video 
    myVideo.play(); // play the new video 
    myVideo.removeEvent("ended", onComplete); // remove the listener 
}; 
myVideo.addEvent("ended", onComplete); // listener handler 
</script>

來源

2014-07-01 06:02:18 anilCSE

Video.js - 使用閃光燈的單個頁面上的多個mp4視頻

回答

相關問題