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

前端之家收集整理的这篇文章主要介绍了使用HTML5视频在Firefox中播放MP4文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
搜索了很多但没有解决我的问题。

我有一个视频标签运行如下:

<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。

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

有任何想法吗?

解决方法

这是由于Firefox中视频标签中对MP4格式的有限支持造成的。在Firefox 21之前没有添加支持,它仍然仅限于Windows 7及更高版本。支持有限的主要原因是围绕mp4格式的版税费用。

有关更多信息,请直接从Mozilla工作人员或以下博文中查看Supported media formatsMedia formats supported by the audio and video elements

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

猜你在找的HTML5相关文章