在OS X上的Firefox浏览器中，HTML5视频无法正常播放

Question

问题：

我最近制作了一个视频，我希望将其作为html5视频嵌入我的网站。我有.mp4和.ogv格式的视频。这是我使用视频设置的测试页面：

http://www.briancjenkins.com/video_test/

以下是我用来嵌入视频的相关html代码：

<video width="75%" controls loop poster="US_Inflation_Unemployment_Monthly_BP_Filtered.png">
  <source src="US_Inflation_Unemployment_Monthly_BP_Filtered.mp4" type="video/mp4">
  <source src="US_Inflation_Unemployment_Monthly_BP_Filtered.ogv" type="video/ogg">
  Your browser does not support the video tag.
</video>

视频在Safari（iOS和OS X），Chrome（OS X）和Firefox（iOS）上播放完美。

但是，视频 在OS X上的Firefox中无法正常播放。在我的台式机和笔记本电脑上，当我播放视频时，时间栏会移动，但没有视频。但是，如果我将视频URL复制并粘贴到Firefox地址栏中，则视频播放正常。这是.ogv格式视频的直接链接：

http://www.briancjenkins.com/video_test/US_Inflation_Unemployment_Monthly_BP_Filtered.ogv

我想知道为什么视频没有在OS X上的Firefox中播放以及如何解决问题。

我对此问题的了解：

我知道很多人都遇到过html5视频和Firefox的问题。我还从其他问题中了解到，在某些情况下，服务器发送的mime类型不正确。我跑了：

$ curl -I http://www.briancjenkins.com/video_test/US_Inflation_Unemployment_Monthly_BP_Filtered.ogv

并且发现这似乎不是这种情况：

Server: GitHub.com
Content-Type: video/ogg

这并不令人惊讶，因为Firefox 将播放由Github托管的视频，而不是当它嵌入网页时。请注意，我也尝试转换为.webm作为.ogv的替代品，但没有解决问题。

关于视频

视频是用Python和Matplotlib创建的。我使用Matplotlib将视频保存到.mp4然后我使用ffmpeg将视频转换为.ogv格式。这是我使用的ffmpeg命令：

$ ffmpeg -i US_Inflation_Unemployment_Monthly_BP_Filtered.mp4 -acodec libvorbis -ac 2 -ab 128k -ar 44100 -b:v 1800k  US_Inflation_Unemployment_Monthly_BP_Filtered.ogv

我可能没有正确地进行转换，但我在转换命令上尝试了几种不同的变体。有问题的视频由Github主持。

Answer 1

更新：似乎此问题已在当前版本的Firefox中得到解决。