Trying to embed a wmv video in website to work with Firefox. Video works but the controls appear then disappear. How can I get the cotnrols to show and stay. Works in all other browsers.

Question

Here's the code I used:
<pre><nowiki><p class="bodytext"><OBJECT id='mediaPlayer' width="320" height="240" class="imageright"
classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'
codebase='http://activex.microsoft.com/activex/controls/ mplayer/en/nsmp2inf.cab#Version=5,1,52,701'
standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'>
<param name='fileName' value="video.wmv">
<param name='animationatStart' value='true'>
<param name='transparentatStart' value='true'>
<param name='autoStart' value='true'>
<param name='ShowControls' value='true'>
<param name='ShowDisplay' value='false'>
<param name='ShowStatusBar' value='false'>
<param name='loop' value='false'>
<EMBED type='application/x-mplayer2'
pluginspage='http://microsoft.com/windows/mediaplayer/en/download/'
id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='1'
bgcolor='black' ShowControls='true' showtracker='1'
ShowDisplay='1' showstatusbar='1' videoborder3d='0' width="320" height="240"
src="video.wmv" autostart='1' designtimesp='5311' loop='0'>
</EMBED></nowiki></pre>
Also tried showcontrols=1

Answer 1

I had this exact problem too. Unlike IE, firefox wasn't scaling the video to fit into the height and width I defined. As a result the controls were disappearing off the bottom.
I found that by making the height of the window 50px larger than the videos native height, the controls were displayed permenantly. Since the other browsers scale the video to fit the window, this solution works for them all.