Hi

Sorry for the cross post but after i posted this in the flash forum i thought it may be more relevant in here

I'm getting a weird problem in firefox with wmvs and flash.
I have a html page set up with a flash & a wmv object both in seperate div layers
The wmv has a higher z-index than the flash.

Initially the wmv layer is hidden & the wmv object contains no source information.
I then send a call from flash to a javascript that populates the wmv and the wmv layer becomes visible & the wmv plays the file that was passed to it

Also while the video is playing there are other flash elements playing around the outside of it.
This works all fine in IE, but in firefox when certain bits of animation are playing the flash suddenly brings itself infront of the wmv and only by moving the browser window, scrolling it, etc.. then the video redraws in front of the flash

I have tried various methods, making wmode transparent/opaque, setting differnent mime types for the wmv, resetting the z-index via javascript when the wmv is called, etc... but they all fail

I have included all the code below:

If anybody has any ideas i'd be v grateful, as this is starting to send me loopy

Cheers
Andy

styles
Code:
.swfdiv {
	position: absolute;
	visibility: visible;
	z-index: 1;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
.viddiv {
	position: absolute;
	visibility: hidden;
	z-index: 5;
	height: 100%;
	width: 100%;
	left: 386px;
	top: 112px;
}
object tags for the flash & wmv in the html
Code:
<div class="swfdiv">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="100%" height="100%" id="control" align="middle">
	<param name="allowScriptAccess" value="sameDomain" />
	<param name="movie" value="main/main.swf" />
	<param name="loop" value="false" />
	<param name="menu" value="false" />
	<param name="quality" value="high" />
	<param name="wmode" value="transparent" />
	<param name="base" value="." />
	<param name="bgcolor" value="#ffffff" />
	<embed src="main/main.swf" base="." loop="false" menu="false" quality="high" wmode="transparent" bgcolor="#ffffff" width="100%" height="100%" name="control" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
	</object>
</div>
<!-- Video player layer -->
<div class="viddiv" id="vidholder" >
<object id="Player" width="320" height="240" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6">
	<param name="URL" value="">
    <param name="uiMode" value="none">
    <param name = "autoStart"  value = "false">
    <param name="showControls" value="false">
	<param name="loop" value="true" />
	<embed type="application/x-mplayer2" 
      name ="Player" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"
      showcontrols="0" showtracker="0" ShowStatusBar="0" showdisplay="0" width="320" height="240"
      src="" autostart="false" loop="true">
	  </embed>
    </object>
</div>
Javascript that populates the wmv layer
Code:
function PlayIt(thevid){
	var newvid = 'content/'+thevid;
	
document.getElementById("vidholder").innerHTML='<object id="Player" width="320" height="240" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6">'
	+'<param name="URL" value="'+newvid+'"> '
    +'<param name="uiMode" value="none"> '
    +'<param name = "autoStart"  value = "true"> '
    +'<param name="showControls" value="false"> '
	+'<embed type="application/x-mplayer2" '
    +'name ="Player" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" '
    +'showcontrols="0" showtracker="0" ShowStatusBar="0" showdisplay="0" width="320" height="240" '
    +'src="'+newvid+'" autostart="false" loop="true">'
      +'</embed>'
    +'</object>'
}