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

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 中，该问题似乎已得到解决。