Playing MP4 files in Firefox using HTML5 video

Question

I have searched around quite a bit but have not solved my problem. I have a `video` tag running as follows: ```

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

Accepted Answer

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/

Playing MP4 files in Firefox using HTML5 video

Solution

Problem