Javascript mp4和webm在使用videojs时会在web浏览器中引起冲突

我使用下面的视频播放器videojs：

<video id="font_video" class="video-js vjs-default-skin" controls preload="none" width="700" height="360" poster="" data-setup="{}">
  <source src="xxx.mp4" type='video/mp4' />
  <source src="xxx.webm" type='video/webm' />
</video>

<script>
   _V_.options.flash.swf = "assets/video-js.swf";
</script>

_V_u.options.flash.swf=“assets/video js.swf”；

上述代码成功地在Safari中运行，但没有在Chrome和Firefox中运行

如果我交换mp4和webm的位置，如下所示：

<video id="font_video" class="video-js vjs-default-skin" controls preload="none" width="700" height="360" poster="" data-setup="{}">
  <source src="xxx.webm" type='video/webm' />
  <source src="xxx.mp4" type='video/mp4' />
</video>

然后代码不再在Safari中运行，而是在Chrome和Firefox中运行。

---

有人对此有解释吗？

你确定只要改变视频在chrome和firefox中的位置就可以了吗。您使用的是哪个版本的safari？您是否检查过每个视频都将在Chrome和safari中播放，图片中没有VideoJS，只有一个常规的带有一个的标签video@karthick是的。我的safari版本是6.0.3。我编辑我的问题，我认为videojs必须播放第一个。@OffBeatEmular我使用jplayer可以在chrome和safari中播放视频。我编辑我的问题，我认为videojs必须播放第一个。@OffBeatEmular当我删除