mhackl
10-24-2009, 10:00 PM
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.
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 (http://www.themodelhangar.com/forums/pub-50/16725-il-2-sturmovik-xbox-rules.html)
This is also helpful with youtube videos that overlap highslide dimming
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.
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 (http://www.themodelhangar.com/forums/pub-50/16725-il-2-sturmovik-xbox-rules.html)
This is also helpful with youtube videos that overlap highslide dimming