How to show html div over flash component
When you set the abosolute position of html div element over the flash component , the html div content will be always under the flash
element. This happens because flash always takes precedence over html divs no matter what the z-index is set for html element.
Soln:
Set the wmode parameter of flash component to transparent.
<param name=”wmode” value=”transparent”>
Or
<script type="text/javascript">
var s1 = new SWFObject("mediaplyaer.swf","mediaplayer","400","400","7");
s1.addParam("allowfullscreen","true");
s1.addParam("wmode", "transparent");
s1.addVariable("width","400");
s1.addVariable("height","400");
s1.addVariable("file","file.flv");
s1.addVariable("image","thumbnail.jpg");
s1.write("flashcontent");
</script>
