Browser issue iPhone Youtube video overlaps style chooser overlay

trilogy33

Well-known member
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.webp
Boing! :oops:
 

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 ;)
 
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>
 
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)
 
Top Bottom