Can't play video on FireFox and IE

Question

I tried searching for a solution to this and within three days of browsing the forum I could't find any help.

This is the link where I have my video: http://www.aguacatesjbr.com/English/Company/company.html

I believe the code is correct because I replaced my source video with the Oceans-Clip video provided by the site. The Oceas-Clip video CAN PLAY on FireFox and IE but not my original video. However, if I type in directly the address of my video it DOES render on FF and IE.

I don´t think it is size problem because I was testing it with a video that weights 4.20MB.

I am having this problem with IE and FireFox in both PC and MAC. Android and Apple devices work perfectly as well with Chrome and Safari.

Answer 1

First of all, you need to serve the videos with the correct mime type, which is video/mp4 for H.264 in mp4, and video/webm for WEBM. See MSDN, MDN.

Right now you serve the .mp4video as video/mpeg.

Then, I your page has a source for video/webm pointing to http://www.aguacatesjbr.com/Videos/JBR_video.webm, which does not exist at the time of writing. Fix that.

Firefox can play back H.264/mp4 on certain platforms only. For a list of currently supported platforms and video support in Firefox in general see "Supported media formats".

Lastly, there will be warning messages regarding video load failures in newer Firefox versions. E.g.:

[20:35:11.515] HTTP "Content-Type" of "video/mpeg" is not supported. Load of media resource http://www.aguacatesjbr.com/Videos/JBR_video.mp4 failed. @ http://www.aguacatesjbr.com/English/Company/company.html
[20:35:11.515] All candidate resources failed to load. Media load paused. @ http://www.aguacatesjbr.com/English/Company/company.html