No video with supported format and MIME type found in Firefox with HTML5 video

Question

I'm trying to insert a video, using HTML5.

I have the following markup:

<video id="video" loop="" controls="" preload="">
    <source src="portada_2.mp4" type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"'/>
    <source src="portada_2.webm" type='video/webm;codecs="vp8, vorbis"'/>
</video>

but when I open the page in Firefox, it shows me the following message:

No video with supported format and MIME type found

It only works in CHROME..

www.juanypinchame.es

I've changed the permissions in htaccess..

I have no idea how I can properly configure Server MIME Types..

Thanks a lot

doesn´t work... how can acess to the htaccess in the cpanel? someone, told me to write something about mime type on the htaccess..i dont know how.

Answer 1

Add the lines below to your .htaccess in the root directory

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

Answer 2

Try to use standard MIME types.

MIME Types for Video Formats. 

MP4  -video/mp4
WebM -video/webm
Ogg  -video/ogg

http://www.w3schools.com/html/html5_video.asp