20

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

我有一个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。单击 FF 中的任何视频，它会显示一个图像和一个 X。Chrome 和其他浏览器工作正常。

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

我已经添加了：

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

到我的htaccess档案。我怀疑我不需要.ogvor .webm。

我不明白为什么加载视频 URL 会很好地播放视频，但将视频加载到视频标签中会失败。

有任何想法吗？

4

2 回答 2

31

这是由于 Firefox 中 video 标签内对 MP4 格式的支持有限造成的。直到 Firefox 21 才添加支持，并且仍然仅限于 Windows 7 及更高版本。有限支持的主要原因是 mp4 格式附带的版税。

直接从 Mozilla 工作人员或以下博客文章中查看支持的媒体格式和音频和视频元素支持的媒体格式以获取更多信息：

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

于 2012-05-07T20:40:20.307 回答
9

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

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

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

于 2012-11-04T16:33:00.260 回答