In my web application, I have webpages where people can watch videos. I'm using Flowplayer for playing flash videos. You can see it here: http://flowplayer.org/
I also use modal windows in my web application. I'm creating them with this jQuery plugin: http://code.google.com/p/jquery-modalbox-plugin/
Modal windows work great. The only problem is that when there is a flowplayer video anywhere on the page where I want to have a modal window appear after clicking some link, the flowplayer appears above the modal window. Rest of the page appears correctly behind the modal window.
Any ideas how to solve this?
I don't really want to get rid of the Flowplayer ebcause it has served me well and it also looks very nice graphically.
You have to set wmode="transparent" to the flash file.