Firefox does have some known HTML5 compatibility issue. These issue are being addressed.

To see what Firefox can do, please view the HTML5 Test.

Sorry for any inconvenience.

It looks that only the mp4 file is present on the server.
The other two give a 404 error.
There is also a problem with the MIME types (video/ogv instead ofvideo/ogg).

• https://developer.mozilla.org/en/Media_formats_supported_by_the_audio_and_video_elements

Warning: HTTP "Content-Type" of "video/mpeg" is not supported. Load of media resource http://www.gerardtonti.com/CV/img/Sneeze.mp4 failed.

Warning: Specified "type" attribute of "video/ogv" is not supported. Load of media resource http://www.gerardtonti.com/CV/img/Sneeze.ogv failed.

Warning: HTTP load failed with status 404. Load of media resource http://www.gerardtonti.com/CV/img/Sneeze.webm failed.

Warning: All candidate resources failed to load. Media load paused.

Thanks cor-el,

The files are all on the server. All of the video formats work fine locally. The webm and ogv files even work in firefox locally. The webm file doesn't seem to work at all when tested from the server. I am using Miro Video Converter for webm, mp4 and ogv/ogg files. Maybe that's the problem? Also should my code for the ogv look like this?

 <source type="video/ogv" src="http://www.gerardtonti.com/CV/img/Sneeze.ogv">

or this?

<source type="video/ogg" src="http://www.gerardtonti.com/CV/img/Sneeze.ogg">

or this?

<source type="video/ogv" src="http://www.gerardtonti.com/CV/img/Sneeze.ogg">

Thanks for the help!

I assume that you need to use video/ogg and make sure that the server sends this MIME type.

• https://developer.mozilla.org/Web/HTML/Element/video#Server_support

How do I make sure that the server sends the MIME type? Sorry I'm not familiar with MIME types or how to create an .htaccess file to do that. I've tried making a .htaccess file with the AddTypes but is there anything else that needs to be in the .htaccess file? This seems really complicated to get a video to play.

You should be able to place the directives directly in the .htaccess file (a leading dot means a hidden file).

See this tutorial:

• http://httpd.apache.org/docs/current/howto/htaccess.html

If GoDaddy says that it supports .htaccess files, then it should work.

As a different way to test whether it's being read and processed, you could add this to your .htaccess file:

Redirect 301 /mycv http://gerardtonti.com/CV/index.html

Then try to access it using:

http://gerardtonti.com/mycv

Note: These links were intentionally broken for purposes of this post by italicizing the . before com to avoid having them followed by search bots.

Yeah,

I'm just not sure what the issue is. I'm frustrated and have to get this thing out by Friday. I've tried placing the .htaccess file on the server after GoDaddy said to do that. GoDaddy is no help. Placed this in the file:

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

No dice. I can't seem to delete the .htaccess file from the server. It's saying that it cannot find the file but fire FTP is showing it there on the server. Anyhoo, think I'm better off just forgetting about including the animations or just going with good ol' flash that just won't be visible on iPads. I wish the world were ready for HTML5, it seems to have a serious lack of standards.

You can try to use another FTP program if FireFTP isn't able to remove this file.
The file may have been created incorrectly in the first place and that has been causing it not to work.

• FileZilla: http://filezilla.sourceforge.net/

I made the file in text edit. Saved it as htaccess on my desktop and uploaded it to the server. Once on the server I changed it to .htaccess. The only code in the file is what was listed above. Do I need any other code in the file?

To get your Flash fallback working in Firefox, try adding the type and data attributes to the tag (Firefox uses DATA instead of the MOVIE param):

<object type="application/x-shockwave-flash" 
data="http://fpdownload.adobe.com/strobe/FlashMediaPlayback.swf"
height="227" width="220">

Not sure I got the right URL in there now that I look at it, but it should work.

Tried that, no dice yet again. Ugh. Any other recommendations or support forums? Maybe put a "best viewed in Safari, Chrome and Internet Explorer" disclaimer? Host the videos on YouTube? I'm not the only developer that seems to be having these problems with FF. Is FF looking into it's HTML5 video support?

Actually I think YouTube will solve my problem. Score! I just solved the problem on my own :) It's not perfect but it will work.

Hi Gerard, hosts that provide correct content types for their media work perfectly fine. But I can't move mountains at GoDaddy, sorry.

Actually I ended up spending a bit of time with GoDaddy on the phone. Turns out they needed to upgrade me to a different server. Should be fine in 72 hours. Fingers crossed. Thanks!

Please let me know what the solution was. I'm having the same problem with iPage hosting.

Hi comfortably_numb, do you want to post the address of your page to have volunteers confirm that they see the same issue?

Things can be complicated because using the video and audio tags to play media files with the built-in HTML5 media player only works if the server sends the file with the correct content (MIME) type and Firefox must support this MIME type.
Recent changes allow to play H.264 encoded .mp4 files in addition to .ogg and .ogv files.
WebM is still the safest way to play media files by including it as ne of the source alternatives.

• https://developer.mozilla.org/en/HTML/Supported_media_formats

If the server doesn't send the files with the correct MIME type and can't be modified easily then use the object tag as that allows to specify the content type to specify which plugin to use.

• https://developer.mozilla.org/en/Configuring_servers_for_Ogg_media

I have the same problem, and my hosting is on GoDaddy - which is NOT the issue. A simple test video using virtually the same code will play on all browsers on a W7 machine, but will only play on Chrome on an XP platform.
The test is at http://www.imillard.com/h5vid/
If Chrome can play the video (with no add-ons or 3rd party support) then the problem must be with Firefox.
So you can either downgrade to Flash, or put a message on your site telling people to get Chrome.

Your video plays on Chrome, but not on Firefox. Pretty much as expected.
And I don't even like Chrome - but at least it works.