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

Posted

技术标签:

【中文标题】使用 HTML5 视频在 Firefox 中播放 MP4 文件【英文标题】:Playing MP4 files in Firefox using HTML5 video 【发布时间】:2012-05-16 08:32:05 【问题描述】:

我已经搜索了很多,但没有解决我的问题。

我有一个video 标签运行如下:

<video 
  class="ne" 
  src=" page | video_url " 
  muted="true" 
  volume="0"  
  controls 
   
   
  poster=" page | video_poster_image_url " 
  type="video/mp4">
</video>

我正在使用 Jekyll 作为 URL。他们工作正常。

该网站位于switzerlandllc.com。点击 FF 中的任何视频,它会显示一个图像和一个 X。Chrome 和其他浏览器都可以正常工作。

如果您抓取视频的来源并将其加载到新标签中,它可以正常播放。至少对我有用。

我已添加:

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

到我的htaccess 文件。我怀疑我不需要.ogv.webm

我不明白为什么加载视频 URL 会正常播放视频,但将视频加载到视频标签中会失败。

有什么想法吗?

【问题讨论】:

如果有人遇到这个问题,尽管答案是正确的 - Firefox 36 支持 mp4 视频 html5 标签 - 只需升级 :) 【参考方案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/

【讨论】:

直接来源:developer.mozilla.org/En/… 我认为问题在于,为了在他们的视频标签中支持 mp4,Firefox 团队必须支付许可证费用。然而,如果用户只是将链接放在浏览器中,他们不需要支付任何费用。 @TJSherrill,它可能正在播放,因为 Firefox 插件(如 Quicktime)。这并不意味着它可以在 从 Firefox 21 和 Windows Vista 开始,它可以处理 mp4 视频(使用底层操作系统的编解码器)。 Firefox 36 现在支持 mp4 视频【参考方案2】:

我可以确认 mp4 在视频标签中不起作用。不管你多么想弄乱服务器的类型标签、编解码器和 MIME 类型。

太疯狂了,因为对于相同的视频,在相同的测试页面上,mp4 的旧嵌入标签在 Firefox 中工作得很好。我昨天整天都在搞这个。 Firefox 一下子就像 IE,数小时又数小时,不计费。耶。

说到 IE,它在这方面失败得更加优雅。当它无法匹配格式时,它会落在标签之间的内容上,因此可以将视频放在嵌入对象周围,一切都很好。 Firefox,不,尽管失败了,但它会显示海报图像(变灰,因此甚至不能用作备用),中间有一条错误消息。所以现在可以选择浏览器识别代码(这意味着过去十年我们在嵌入视频方面一无所获)或者放弃 html5。

【讨论】:

+1 "Firefox 突然像 IE,数小时数小时,无法计费。"

以上是关于使用 HTML5 视频在 Firefox 中播放 MP4 文件的主要内容,如果未能解决你的问题,请参考以下文章

HTML5 播放率和 Firefox

为啥 Firefox 不能从 Localhost 播放 HTML5 视频元素?

如何在 Firefox 12 HTML 5 视频中隐藏播放按钮

Firefox 冻结的 HTML5 视频不会降级为 Flash

Firefox 的 HTML5 背景视频仍然无法播放

.ogg 视频无法在 Firefox 中播放