Playing MP4 files in Firefox using html5 video

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 swtizerlandllc.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?

Playing mp4 video in webview using html5 in android

I’m trying to play mp4 video in webView using HTML5 in android but unfortunately it’s not working, So can anyone help me, how can i do it ? Here is my code HTML file with name new2.html <video widt

HTML5 Video(mp4 format) tag is not playing on linux OS

I have a problem of playing the html5 video(MP4 format) using video tag on linux. Could you please suggest What may be the problem or any alternative solution to make my video play on al l browsers al

Firefox 10.0.1 not playing html mp4 video

I have the following code for playing video into the web page : <video width=420 height=345 controls=controls autoplay=autoplay> <source src=/common/videos/EPyl1LgNtoQ.ogg type=vid

Play .mp4 videos using HTML5

How can I play .mp4 videos using HTML5 using the video tag? Does chrome support HTML5 with .mp4 videos?

play mp4 video in ie7,8,9 firefox, chrome and safari using the HTML5 player – possible?

Is it possible to use only a mp4 video and the HTML5 player in ie7,8,9 firefox, chrome and safari I’ve seen these links http://blog.beverlyguillermo.com/post/14813549122/ie7-and-html5-video and http:/

html5 mp4 video player

I am trying to play mp4 video using html5 video tag. But in FF 3.6 its just showing a black window with cross sign. Its playing in Chrome. I can play that video in windows media player (i.e. the requi

HTML5 video not playing in Firefox

I’ve converted the file to three different formats: mp4, web, and ogv. According to caniuse firefox supposedly supports both ogg and webm, but nothing is playing. I converted the files using Miro Conv

mp4 file through php not playing as html5 video

I am trying to output an mp4 video file through PHP. When it is used through a flash player (eg. flowplayer) it is working great. But when I’m trying to use it as a source on an html5 video tag or to

playing .mp4 video using flowplayer on bootstrap 3 model in firefox – cannot load the screen

I have done a enough RnD in solving this issue in firefox. Trying to load the .mp4 video using flowplayer on bootstrap3 model, Screen doesnt get loaded but i could hear the audio. is it issue related

Playing mp4 video using FLVPlayback module?

I link my mp4 video directly using video.source = my.mp4 in AS3 and the link is not broken, but then player keeps on loading forever. Any ideas? TA

Answers

Firefox does not support the MP4 format within its video tag. The main reason why is the royalty fee attached to the mp4 format.

Check out 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/

I can confirm that mp4 just will not work in the video tag. No matter how much you try to mess with the type tag and the codec and the mime types from the server.

Crazy, because for the same exact video, on the same test page, the old embed tag for an mp4 works just fine in firefox. I spent all yesterday messing with this. Firefox is like IE all of a sudden, hours and hours of time, not billable. Yay.

Speaking of IE, it fails FAR MORE gracefully on this. When it can’t match up the format it falls to the content between the tags, so it is possible to just put video around object around embed and everything works great. Firefox, nope, despite failing, it puts up the poster image (greyed out so that isn’t even useful as a fallback) with an error message smack in the middle. So now the options are put in browser recognition code (meaning we’ve gained nothing on embedding videos in the last ten years) or ditch html5.

Firefox 21 supports MP4 H.264 by default. Yay! Just try this video test – http://www.quirksmode.org/html5/tests/video.html

EDIT: FF21+ only on windows 7+ apparently. https://developer.mozilla.org/en-US/docs/HTML/Supported_media_formats