使用HTML5视频在Firefox中播放MP4文件

Question

我在周围搜索了很多，但仍然没有解决我的问题。

我有一个以下方式运行的video标签：

<video 
  class="ne" 
  src="{{ page | video_url }}" 
  muted="true" 
  volume="0"  
  controls 
  width="720" 
  height="480" 
  poster="{{ page | video_poster_image_url }}" 
  type="video/mp4">
</video>

我使用Jekyll来处理URL，它们能够正常工作。

网站已在switzerlandllc.com上线。在Firefox中单击任何视频，会显示一个图像和一个X。Chrome和其他浏览器可以正常工作。

如果你抓取一个视频的源代码并在新标签页中加载它，它会正常播放。至少对我来说是这样。

我已添加：

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

我希望对我的htaccess文件进行修改。我怀疑我不需要.ogv或.webm。

我不理解为什么加载视频的URL可以正常播放视频，但将视频加载到视频标记中会失败。

有任何想法吗？

- TJ Sherrill

---

如果有人看到这个问题，虽然答案是正确的——Firefox 36支持mp4视频html5标签——只需升级即可 :) - Boaz

Answer 1

这是由于Firefox中视频标签对MP4格式的支持有限所致。直到Firefox 21才添加了支持，而且仍然仅限于Windows 7及以上版本。支持受限的主要原因在于mp4格式附带的版权费用。

请查看Mozilla团队提供的Supported media formats和Media formats supported by the audio and video elements，或者参考以下博客文章以获取更多信息。

http://pauljacobson.org/2010/01/22/2010122firefox-and-its-limited-html-5-video-support-html/

- Josh Mein

---

我认为问题在于，为了在视频标签中支持mp4格式，Firefox团队必须支付许可证费用。而如果用户只是在浏览器中输入链接，则无需支付任何费用。 - Josh Mein

@TJSherrill，这可能是因为Firefox插件（如Quicktime）的缘故。但这并不意味着它会在<video>元素中起作用。 - mpdonadio

所以，即使要设置Flash回退，我也必须拥有另一个版本的视频，以.ogg或其他格式存储。 - TJ Sherrill

从Firefox 21和Windows Vista开始，它可以处理mp4视频（使用底层操作系统的编解码器）。 - franzlorenzon

Firefox 36现在支持mp4视频。 - Boaz

Answer 2

我可以确认，mp4格式的视频在video标签中是无法工作的，无论你如何尝试更改type标签、编解码器和服务器上的mime类型。

这很疯狂，因为对于完全相同的视频，在同一个测试页面上，mp4格式的旧嵌入标签在Firefox中仍然可以正常工作。昨天我浪费了一整天时间来解决这个问题。Firefox突然变成了IE，耗费了数小时的时间，但不可计费。太好了。

说到IE，它在这方面失败得更加优雅。当无法匹配格式时，它会跳过标签之间的内容，所以只需将video放在object和embed之间即可。Firefox不行，尽管失败了，但它仍然展示海报图片（灰阶，无法用作备选方案），并在中心展示错误消息。所以现在的选择是放置浏览器识别代码（这意味着我们在嵌入视频方面在过去十年中没有任何进展）或放弃html5。

- wes

---

“Firefox 突然间就像 IE 一样，要花费数小时的时间，但这些时间却无法计入工时。” - Geo