javascript - Video.js - 使用 Flash 在单个页面上显示多个 mp4 视频

Question

我有一个页面在一个页面上有两个 MP4 视频，但加载不正确。第一个视频可以播放，但第二个视频只会显示黑屏。我已经尝试了 Multiple video.js players fail on flash fallback 中详述的修复但它们没有用。

我已将回退顺序更改为首先使用 flash，然后是 html5，否则 firefox 不会尝试回退到 flash。我知道是 Flash 播放器导致了问题，就好像我保留 html5 然后是 flash 的默认顺序一样，播放器将在 chrome 上运行。

这是我正在经历的 fiddle : 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>

提前致谢

[编辑]我找到了一种解决方案，将视频重新编码为适用于 Firefox 的 OGG，但我不会接受这个作为我自己的答案，除非没有办法用 Flash 回退解决这个问题。

Answer 1

我找到了这个。它对我来说工作得很好。将以下这些行添加到您的页面

<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>