css - How to make this div go over embedded video

Question

I have a video on a page and I cannot get the play list control to appear above it. I have set the z-index of the play list to 99999 but the video is still being rendered on top of it.

Here is an image that shows the problem and the CSS. I have tried setting the z-index of the video to -1, 1 etc.

So my question is, how do I force the flash video to appear below the play list?

Answer 1

You can try this:

add:

<param NAME="wmode" VALUE="transparent">

as param in the the flash movie's Object tag, and DIVs and other layers will be able to jump on top of it.