使用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上发布.点击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的船员或以下博客文章以了解更多信息直接:

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.