Problem: I have a block with an embedded YouTube video. Nothing too sophisticated, just copy-paste the embedding code from YouTube into a block's textarea.
On pages where I have a photo gallery and a video gallery they open in Lightbox2. But while the rest of the window darkens with the overlay, the embedded YouTube video inside the block remains bright as the daylight.
Theme: Acquia_slate

I think this is a small bug - maybe something to do with some z-index somewhere, but I've increased z-indexes in lightbox.css and still no results.

Any idea what's wrong?

Thanks

Comments

jojo86’s picture

jojo86 commented

*BUMP*

I'm getting this problem too - all YouTube videos are not going behind the Lightbox2 images when a user clicks on them. I have tried changing z-index too and nothing happens.

any help would be greatly appreciated.

jojo86’s picture

jojo86 commented

Just thought I would update you guys - I have not managed to solve this using z-index so instead I used the LightVideo option for my video instead. Now there is no overlay as the video is currently hidden until a user clicks the button to open it.

This might help you if you want to use it:
http://drupal.org/node/144488
http://drupal.org/node/252276

wescoughlin’s picture

wescoughlin commented

Same problem here. Temporary solution is to use the old embed code. You know the <object> version one...

AlexisWilke’s picture

AlexisWilke commented

Whatever video will use Flash. By default, flash is shown (in all browsers except IE) as a sub-window. This means anything else is rendered behind.

To fix the problem, you want to make the flash animation marking it as "transparent". That will integrate the video window inside the standard browser window and thus you can render over it.

More info can be found here:

http://linux.m2osw.com/flash_and_dropdown_menus

P.S. the wmode is available with <object> too.

drupalsteve’s picture

drupalsteve commented

Same problem. I'm using the old embed code as a workaround as suggested in #3. I wasn't able to get the solution presented in #4 to work.

drupalsteve’s picture

drupalsteve commented
Status: Active » Fixed

I resolved the issue by adding "?wmode=opaque" to the end of the youtube URL I was embedding.

Source:
http://maxmorgandesign.com/fix_youtube_iframe_overlay_and_z_index_issues/

marcinsdance’s picture

marcinsdance commented

Thanks drupalsteve, that helped!

Status: Fixed » Closed (fixed)

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

SQSBMedia’s picture

SQSBMedia commented

This worked perfectly for me:

Add the following parameter to the OBJECT tag:

http://www.dynamicdrive.com/forums/archive/index.php/t-9382.html

jduhls’s picture

jduhls commented

Yes, using param: wmode=transparent worked for me. Thanks drupal community!