在Firefox中使用HTML5视频播放MP4文件 [英] Playing MP4 files in Firefox using HTML5 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.铬和其他浏览器工作正常。

如果你抓住视频的来源，并加载一个新的它播放罚款。

我已经加入：

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

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

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

有什么想法？

解决方案

在Firefox中的视频标签内的MP4格式。支持直到Firefox 21才被添加，并且仍然仅限于Windows 7及更高版本。有限支持的主要原因是附加在mp4格式上的版税费用。

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

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

I have searched around quite a bit but have not solved my problem.

I have a video tag running as follows:

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

I am using Jekyll for the URLs. They work fine.

The site is live at switzerlandllc.com. Click any video in FF and it shows an image and an X. Chrome and other browsers work fine.

If you grab the source of a video and load it in a new tab it plays fine. At least it does for me.

I have added:

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

to my htaccess file. I suspect that I don't need the .ogv or .webm.

I don't understand why loading the video URL will play the videos fine but loading the video into a video tag fails.

Any ideas?

解决方案

This is caused by the limited support for the MP4 format within the video tag in Firefox. Support was not added until Firefox 21, and it is still limited to Windows 7 and above. The main reason for the limited support revolves around the royalty fee attached to the mp4 format.

Check out Supported media formats and Media formats supported by the audio and video elements directly from the Mozilla crew or the following blog post for more information:

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

这篇关于在Firefox中使用HTML5视频播放MP4文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！