Embedded Youtube hides menu in IE

Embedded Youtube hides menu in IE

by Shaun Daubney -
Number of replies: 6

Hi guys,

I'm having a problem embedding a youtube clip in moodle 2.1

If I add a YouTube link it automatically embeds the video - which is nice - however in IE8 it appears on top of the navigation menu meaning i can't access it.

I don't have this problem in Firefox. Any suggestions?

Shaun

Attachment Untitled-1.jpg
Average of ratings: -
In reply to Shaun Daubney

Re: Embedded Youtube hides menu in IE

by Mauno Korpelainen -

Not exactly a HTML editor issue but a theme issue.

Z-index of this menu element should be greater than z-index of embedded element or the container element of embedded content...

Which (version of) theme is it? I could test if there is some simple solution.

In reply to Mauno Korpelainen

Re: Embedded Youtube hides menu in IE

by Shaun Daubney -

Thanks, it's my Aardvark 2.1.1 theme and it has a z-index of 99999 which is what confused me. I wondered if the object was missing a wmode:transparent but didn't know how to include it as Moodle embeds altomatically.

div.yui3-menu.custom_menu_submenu div.yui3-menu-content {
z-index : 99999;
min-width : 200px;
padding-top : 0 !important ;
padding-bottom : 0 !important ;
margin : 20px 0 0 -40px;
background : url([[pix:theme|menu/black80]]) !important ;
}

In reply to Shaun Daubney

Re: Embedded Youtube hides menu in IE

by Mauno Korpelainen -

It can be caused by different behaviour of hover effects (mouse over may need separate z-index css for links or some inner element - see for example http://stackoverflow.com/questions/1290191/z-index-broken-in-ie8

I will check your theme with some youtube video later today and report back - if you haven't already found the missing css before that. We could also check if multimedia plugin is using some z-index etc (it really should not...)

 

In reply to Shaun Daubney

Re: Embedded Youtube hides menu in IE

by Mauno Korpelainen -

The problem seems to be visible also in standard theme - hiding somewhere in the base theme or yui css itself...

In reply to Shaun Daubney

Re: Embedded Youtube hides menu in IE

by Mauno Korpelainen -

Shaun, could you open a new issue to tracker?

I think this should be fixed in core files - either in mediaplugin filter or base theme css. Problems should be visible in all core themes if custom menu has long enough submenus and different browsers have different "variants" of this issue (it does not depend only on z-index - obviously some elements do not have correct position etc)

custom

Youtube files are embedded to iframes in function filter_mediaplugin_youtube_callback

so wmode:transparent does not help in this case...