On my web site, I have a div with z-index to 1500, but the player is always above the div. The module generates the markup <param name="wmode" value="transparent" /> but it's not enough. I added the attribute wmode="transparent" to the markup embed and my div is above the player now.

Members fund testing for the Drupal project. Drupal Association Learn more


dezofie’s picture

Assigned: Unassigned » dezofie
Status: Active » Needs review
2.04 KB


I made the patch for the fix.

Please test it out.

Thomas Bosviel’s picture

Status: Needs review » Reviewed & tested by the community

Patch works. Thanks.

johndeep’s picture

Version: 7.x-1.x-dev » 6.x-1.x-dev

We have the same issue with the 6.x-1.x-dev version of the module. We tried adding the attribute wmode="transparent" to the markup embed but the div is still below the player. Any help would be much appreciated.

msti’s picture

Uncheck the 'Use the HTML5 player instead of the Flash-based' option from the "Embedded Media Field configuration' page and it will work.

aaron’s picture

Version: 6.x-1.x-dev » 7.x-1.x-dev
pierrot’s picture

For version 6.1 dev, for those interested, here is the quick fix that worked for me :

in media_youtube.them.inc line 57 add 'wmode' => 'transparent', in the array $variables['query_defaults'].

You will then be able to use html5 without the player hiding other divs :)

aaron’s picture

Version: 7.x-1.x-dev » 6.x-1.x-dev
Status: Reviewed & tested by the community » Patch (to be ported)

I have committed a spruced up version of this. Thanks, @dezofie.

pgillis’s picture

If you are struggling with this trying to use the html5 player, just tack wmode=transparent onto the list of parameters for the url in themes/media-youtube-html5.tpl.php

gavrillich’s picture

this worked for me in media-youtube-html5.tpl.php:
src="<?php echo $url; ?>?wmode=transparent&hd=1