Firefox中mp4视频的可视化错误

Question

我正在使用video.js jQuery插件（http://videojs.com/）播放mp4视频（我也尝试过mediaelement.js和JWplayer，同样的问题）。我不能改变视频格式，也不能提供另一种格式。

视频规格如下：

• 尺寸：352 x 568
• 编码：H.264
• 帧率：25 fps
• 比特率：266 kbps

我正在使用的代码：

<video id="video_lezione" class="video-js vjs-default-skin" controls preload="none" width="100%" height="500px" data-setup="{}">
  <source src="{{asset('documents/' ~ lezione.video)}}" type='video/mp4' />
</video>

<script src="{{asset('assets/js/video.js')}}"></script>
<script>
  videojs.options.flash.swf = "{{asset('assets/js/video-js.swf')}}";
</script>

问题是视频在浏览器和操作系统之间真的不一致。例如，我在Ubuntu 12.04上看到我的FF（27.0.1）： 但是Chrome（33.0.1750.146）上的这个（正确的）：

在我的另一台机器（Windows 7）上，视频在FF（同版本！）中播放正常。 此外，同样的问题出现在Mac（Maverick 10.9.2）上的FF（第26节）而不是另一个（FF第27节，Maverick 10.8.5--视频效果很好）。在safari上，问题仍然不同，视频显示在黑色背景中心的框架上。

似乎它取决于浏览器或操作系统本身以外的其他东西，但我甚至不知道在哪里寻找解决方案。

如果网站在用户界面上效果不佳，我能告诉他们什么？他们是否需要下载一些插件，是因为flashplayer还是别的？我浏览了针对videoJs报告的错误，但我没有看到任何关于这个，这也是一个困难的谷歌搜索（也许我找不到合适的术语）