The situation:
The header of my website resides in a fixed layer (
position:fixed). This allows the header to stay in place while everything else scrolls underneath it.
The Problem:
When users embed youtube videos in their posts the video passes over the header rather than underneath it like everything else. This happens no matter what the z-index is.
The Fix:
I added this simple replacement variable to the forum's default style to resolve the issue.
Code:
Search for Text: <embed src="http://www.youtube.com
Replace with Text: <param name="wmode" value="transparent" /><embed wmode="transparent" src="http://www.youtube.com
Working Example:
Example thread containing embedded youtube video
This is also helpful with youtube videos that overlap highslide dimming