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获取网址。他们工作正常。

该网站正在switzerlandllc.com上线。点击FF中的任何视频，它会显示图片和X. Chrome和其他浏览器都能正常运行。

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

我已添加：

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

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

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

有什么想法吗？

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/

Answer 2

我可以确认mp4在视频标签中不起作用。无论你多少尝试使用服务器中的类型标记和编解码器以及mime类型。

疯狂，因为对于同样的视频，在同一测试页面上，mp4的旧嵌入标签在firefox中工作得很好。昨天我花了很多钱搞砸了。 Firefox就像IE一样突然，几个小时的时间，而不是计费。耶。

说到IE，它在这方面优雅地失败了。当它无法匹配格式时，它会落在标签之间的内容上，因此可以将视频放在嵌入周围的对象周围，一切都很好。 Firefox，nope，尽管失败了，但它还是张贴了海报图片（灰色，因此甚至没有用作后备），中间有错误信息。所以现在这些选项都放在了浏览器识别代码中（这意味着我们在过去十年中没有获得关于嵌入视频的信息）或者放弃了html5。

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

2 个答案: