I raised this here, as wasn't sure where the issue lies, but have subsequently found it to be with Media:Vimeo - or at least I think it is an issue.

Superfish dropdown goes behind the Vimeo videos, despite having a high z-index. Divs containing the menus also have high z-indexes, whereas my main content has a z-index of 2.

I've also tried 

.media-vimeo-outer-wrapper{
z-index:2;
}

.media-vimeo-preview-wrapper{
z-index:2;
}

but it makes no difference. Note, this only happens in IE (typically).

Superfish works fine, visible over all other content on the site.

New to Drupal so if this is not a bug please forgive me.

CommentFileSizeAuthor
#10 photo.JPG35.24 KBcathyhutzler

Comments

mostoneskin’s picture

mostoneskin commented

Digging around further, take a look at comment #9 on http://drupal.org/node/925002. Is there a way I can try this with a hook override?

mostoneskin’s picture

mostoneskin commented

Quick bump, is there an easy way of setting wmode="transparent" within the embed tag? Not sure whether a silly IE issue counts as a bug, but with many sites using javascript menus this old flash problem needs to be resolvable. IS there any harm in adding this? I'll dig around the module - it could be a media module fix I'll admit - but if there's a quick solution then I'll be happy with that, site going live once I've got passed this.

mostoneskin’s picture

mostoneskin commented

Made the change in media_vimeo.theme.inc and this works a treat. Superfish was working nicely in Firefox before, but I noticed the ul borders seemed to get lost for menu items dropping over the vimeo video. This also no longer happens now.

Are you able to include this in the next release or is there a good reason not to? thanks

mrfelton’s picture

mrfelton commented

Patch?

This is aso a problem in media_youtube.

mrfelton’s picture

mrfelton commented

Cross posting #1346060: Superfish drops behind Youtube video

mostoneskin’s picture

mostoneskin commented

Going forward it would be good to choose the embed format - i.e. the 'old' embed code that you get from youtube/vimeo doesn't work on ipads/iphones etc. I know ultimately Apple are the issue, but the 'new' embed formats can be viewed on ipads/iphones.

For the time being I have my video nodes containing multimedia fields, but I'm not currently displaying these fields as they can't be viewed on the Apple products. I have the 'new' embed format in another field, and display that one. Hoping that at some point I can drive purely of the multimedia fields.

RobW’s picture

RobW commented
Status: Active » Closed (fixed)

The current iframe embed has wmode=transparent (or maybe opaque) as a default. Should work out of the box now.

mostoneskin’s picture

mostoneskin commented

Agreed, happy that this is closed.

darksnow’s picture

darksnow
Location Scotland
commented

I'm not sure if this is a Vimeo issue rather than this module, but the
is not being added for IE.

I'm having an issue where the flash video sits over the drop down menus, as discussed above.

cathyhutzler’s picture

cathyhutzler commented
Version: 7.x-1.0-beta3 » 7.x-1.0-beta5
Component: User interface » Code
Status: Closed (fixed) » Needs review
StatusFileSize
new photo.JPG35.24 KB

the 2x branch fixes this issue, but the upgrade path throws a bunch of errors. I found out if you do the following it helps clean out the errors.
1. install the 2x file entity unstable version and then run update.php
2. install the 2x version media unstable version and run update.php
3. then at the same time install the 2.x dev versions of each of those moules and run update.php

devin carlson’s picture

devin carlson commented
Version: 7.x-1.0-beta5 » 7.x-2.x-dev
Issue summary: View changes
Status: Needs review » Closed (fixed)

I can confirm that this is fixed using the latest -dev release.

Setting the status back to closed.