html - HTML5 video not playing in Firefox

Question

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 Converter, according to other people this should work just fine. I believe Chrome picks up the webm file (if i rightclick -> open in new tab, it shows me the webm file), which is great.

URL to the site: http://dev.fristil.se/hbh/

I have a static image as a background. The video is suppose to display above it, so if it's not moving you can tell it's not working.

Any ideas?

Answer 1

Your server is not sending the correct mime type for the file.

It send Content-Type: text/plain

The HTML5 video may play in Safari, Chrome and IE 9 but not Firefox or IE 7-8. If you fix the MIME-type issue, it will play in Firefox.

If you’re using the Apache web server or some derivative of Apache, you can use an AddType directive in your site-wide httpd.conf or in an .htaccess file in the directory where you store your video files. (If you use some other web server, consult your server’s documentation on how to set the Content-Type HTTP header for specific file types.)

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

AddType audio/mpeg .mp3
AddType audio/ogg .ogg
AddType audio/mp4 .m4a
AddType audio/wav /wav

You have same question here: Video file .ogv plays locally in Firefox, but not from server and more detailed answer: https://stackoverflow.com/a/6145629/1081079