When you use the video_filter to embed youtube movies in your site it gives problems with the overlay in google.

The movie keeps on top over the overlay which renders it useless.

This problem only appears in google chrome, and with the HTML5 view enabled. Disabling HTML5 seems to "solve" the issue, but I'ld love to use the HTML5 variant.

I think this can be fixed using wmode=transparent or something.

Thanks!
Bart

CommentFileSizeAuthor
#2 z-index-fix.patch764 bytesbartvdputte

Comments

bartvdputte’s picture

bartvdputte commented

I fixed this by changing line 199 in video_filter.codecs.inc from the 7.x-3.0-beta2 file from:
$url = $video['codec']['matches'][1] . '?' . implode('&', $attributes);
to:
$url = $video['codec']['matches'][1] . '?' . "&wmode=transparent&" . implode('&', $attributes);

Then the 'bug' dissapears.

Can you please fix this in the 'official release' as I'm sure more & more people will run into this (youtube is popular, d7 adminstration uses overlays intensively)

bartvdputte’s picture

bartvdputte commented
StatusFileSize
new z-index-fix.patch764 bytes

patch attached

fenda’s picture

fenda commented

+1 please add this to production :)

blackdog’s picture

blackdog commented
Status: Active » Fixed

I fixed some markup issues with the patch and committed. Thanks!

universalhandle’s picture

universalhandle commented
Status: Fixed » Needs work

wmode=transparent is probably not what you want. I think you're looking for wmode=opaque. From what I've read (for example, here: http://www.communitymx.com/content/article.cfm?cid=e5141), you want only transparent if you're going for actual transparency in your Flash movie (i.e., if your Flash movie is irregular or non-rectangular shaped, or to show elements placed beneath the Flash movie). In most cases, transparent and opaque behave the same, but transparent is more processor intensive.

m4rinos’s picture

m4rinos commented

I have the same problem, the iframe popping up in the Drupal 7 admin overlay with a HTML5 theme, but I'm using a regular iframe with a link to a game site in a node. As wmode (i believe) is a YouTube attribute, does anyone know how to prevent this behavior more generically?

traviscarden’s picture

traviscarden commented
Status: Needs work » Fixed

You're right, @pittstains: wmode should be set to "opaque" unless you actually want to see the page background through the Flash (which you can't anyway with YouTube). This applies whether you use the HTML5 embed method or not. I've fixed and committed it to 7.x-3.x and 6.x-3.x.

@artonice, wmode is a Flash parameter—it's not specific to YouTube—so you'll want to set it on any Flash embed. See the article Pittstains referenced. If your iframe doesn't have Flash in it, it could be a CSS z-index issue.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.