I am using load-balancing in my application hosted in ColdFusion 9 application server and am trying to play an mp4 video. I am displaying the video directly in the browser by clicking an anchor tag. Its working fine in IE, but does not work in Firefox. Firefox displays some junk characters like squares and question marks. There is no video or error message. However, when I run the same application without load-balancing its working fine in FF. Is the issue is due to the load balancing or do I need to set a MIME type?
Note: I am using FF 23.0
I tried with HTML 5 tag with flash fallback support. The code is `
<source src="https://#CGI.SERVER_NAME#/video.mp4" type="video/mp4">
<source src="https://#CGI.SERVER_NAME#/video.webm" type="video/webm">
<!--- Flash player code to play video in HTML5 non support browser --->
<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="1000" height="600">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
<param name="allowFullScreen" value="true">
<param name="wmode" value="transparent">
<param name="flashVars" value="config={'playlist':[{'url':'https://#CGI.SERVER_NAME#/video.mp4','autoPlay':true}]}">
</object>
</video>`
Also I added MIME types in httpd.conf file of Apache server. The MIME types are,
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
Now its working fine.