z-index & wmv files

@toicontienNov 22.2004 — #I don't see a link ?

@wraevnDec 08.2005 — #I'm having the exact same problem. I'm guessing that the browser API forces video to the top regardless of what you set the z-index to - however, I'd REEEEALLY like to overcome this hurdle if possible.

here is some basic sample code I've been using for testing.

<html>

<head>

<style type="text/css">

#wmv {

position: absolute;

top: 37px;

left: 360px;

z-index: 0;

}

#mask {

position: absolute;

top: 0px;

left: 0 px;

z-index: 100;

}

</style>

</head>

<body bgcolor="#009900">

<div id="mask">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="1014" height="692" id="background" align="middle">

<param name="allowScriptAccess" value="sameDomain" />

<param name="movie" value="mask.swf" />

<param name="loop" value="false" />

<param name="menu" value="false" />

<param name="quality" value="best" />

<param name="scale" value="noscale" />

<param name="wmode" value="transparent" />

<param name="bgcolor" value="#333333" />

<embed src="mask.swf" loop="false" menu="false" quality="best" scale="noscale" wmode="transparent" bgcolor="#333333" width="1014" height="692" name="mask" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

</object>

</div>

<div id="wmv">

<object id="MediaPlayer" width=640 height=360 classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">

<param name="filename" value="sample.wmv">

<param name="autoStart" value="true">

<param name="showTracker" value="false">

<param name="showDisplay" value="false">

<param name="showControls" value="false">

<embed src="sample.wmv" width=640 height=360 autostart="true" type="application/x-mplayer2" filename="sample.wmv" showtracker="false" showdisplay="false"></embed>

</object>

</div>

</body>

</html>

@DevpaqJul 23.2006 — #Was anyone able to figure this out?

I am trying to place an image that will overlap the video clip to helpc create a design for the video.

Thanks!

@toicontienJul 23.2006 — #In short, you can't layer anything over top of flash, or video, or frames. And in IE-Win, the same goes for select drop downs. If you need to have an HTML element over top of the area a video occupies, you have to hide the video with javascript. Otherwise, you're SOL ?

z-index & wmv files

4 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

z-index & wmv files

4 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #CSS _↴