• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Browser issue iPhone Youtube video overlaps style chooser overlay

trilogy33

Well-known member
#1
The style chooser overlay appear underneath the youtube video window.

Environment:
iPhone 4S - iOS 5
Default XenForo style

To replicate:
1. Get an iPhone! ;)
2. Pick a thread where the last posted entry contains a youtube video
3. Click the Style Chooser and...

photo.PNG
Boing! :oops:
 

trilogy33

Well-known member
#4
Unchanged. Here it be......... ;)

Code:
<object width="500" height="300" data="http://www.youtube.com/v/{$id}&amp;fs=1" type="application/x-shockwave-flash">
    <param name="movie" value="http://www.youtube.com/v/{$id}&amp;fs=1" />
    <param name="allowFullScreen" value="true" />
    <param name="wmode" value="opaque" />
    <embed src="http://www.youtube.com/v/{$id}&amp;fs=1" type="application/x-shockwave-flash" allowfullscreen="true" wmode="opaque" width="500" height="300" />
</object>
Should I be going transparent?
I can't remember now for the life of me ;)
 

Brogan

XenForo moderator
Staff member
#5
Try changing it to <param name="wmode" value="transparent" />

Or better still, use the iframe version.
Code:
<iframe width="640" height="390" src="http://www.youtube.com/embed/{$id}?wmode=opaque" frameborder="0" allowfullscreen></iframe>
 

trilogy33

Well-known member
#6
Try changing it to <param name="wmode" value="transparent" />

Or better still, use the iframe version.
Code:
<iframe width="640" height="390" src="http://www.youtube.com/embed/{$id}?wmode=opaque" frameborder="0" allowfullscreen></iframe>
Excellent, thank you. That has cured it. (y)