动态更改源时，VideoJS Flash后备不起作用

Question

我的视频无法在Firefox中播放时出现问题。我试图动态更新一个video元素的源来播放多个视频，而无需在每次调用函数时重新创建元素。

，例如，首先点击使video source = video1.mp4，然后点击维护video播放器，但更改source = video2.mp4而不重新创建该元素。

我这样做的原因是只需要为所有浏览器使用一种文件类型。我意识到我可以在source元素下创建另一个video标记，并为其提供MIME类型video/ogg，它可以在Firefox中使用HTML5，但我想要一个通用格式减轻用户的负担。

我可以让它在chrome中完美运行，但是当更改为firefox时，flash播放器只播放第一个视频源然后 由于某种原因变得不确定。

首先，我在灯箱内创建了一个视频元素。灯箱通过一个被称为onclick of anchor标签的功能打开。当灯箱打开时，我初始化视频的videojs播放器，然后将其源设置为传递给该功能的URL。然后我加载播放器，然后播放它。这在使用HTML5的Chrome中工作得非常好，但在firefox中，flash后备工作一次然后中断。

我正在阅读有关此问题的信息，并认为我的问题可能是Flash将video元素转换为闪存object，然后当我尝试再次引用具有相同ID的视频时，找不到它，因为它不再作为video元素存在。

以下是代码示例：http://jsfiddle.net/7WTrh/12/

我在chrome中测试过，但它有效，但是firefox没有。

提前感谢您的帮助。

Answer 1

当你更改源代码时，你需要确保你也传递了mime类型，所以video.js知道它需要什么样的技术。

myPlayer.src({ src: "vid.mp4", type: "video/mp4" });