I have a big challenge to enable VideoJS "Video for Everyone" in Firefox 3.6.
I read so many posts and I followed a lot of suggestions, but still the videos cannot play in firefox. However, videos play in Chrome, IE, etc. This is my code:
HTML:
<video class="video-js" width="440" height="264" controls preload> <source src="http://www.mcintyrebills.com/HGTV_top_10.mp4" type="video/mp4" /> <source src="http://www.mcintyrebills.com/HGTV_top_10.webm" type="video/webm" /> <source src="http://www.mcintyrebills.com/HGTV_top_10.ogg" type="video/ogg" /> <object id="flash_fallback_1" class="vjs-flash-fallback" width="440" height="264" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf"> <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> <param name="allowfullscreen" value="true" /> <param name="flashvars" value='config={"playlist":["http://www.mcintyrebills.com/logo.png", {"url": "http://www.mcintyrebills.com/HGTV_top_10.mp4","autoPlay":false,"autoBuffering":true}]}' /> <img src="http://www.mcintyrebills.com/logo.png" width="440" height="264" alt="Poster Image" title="No video playback capabilities." /> </object> </video>
On Apache server, I have a .htaccess file:
AddType video/mp4 .mp4 AddType video/ogg .ogv AddType video/webm .webm AddType video/x-m4v .m4v AddType application/ogg .ogg // Comment - This is to prevent compression of video files, as suggested. SetEnvIfNoCase Request_URI \.(og[gv]|mp4|m4v|webm)$ no-gzip dont-vary
I thought I did everything I asked, and still cannot play Firefox 3.6. Please, help?
Here is the beta page I'm trying to display in Firefox.
http:
The video you will find in the section:
Press --> HGTV Top 10 (last link)
Thanks,
source share