videobox z-index problems

I've got a copy of the videobox extension installed on a website with a flyout megamenu. The menu overlays the videobox properly when it shows a YouTube video in FF but not in IE. In Internet explorer the flyout panels are under the z-index level for the YouTube video. I've tried setting the z-index in css for the extension, iframe etc. but the loaded YouTube doesn't respond to these calls.

The extension doesn't have a field to add in Flash vars like "wmode=transparent" to allow the YouTube video to respond to a class declaration to set the z-index underneath any other elements on the page.

Does anyone have a suggested solution to this?

Ernest McDermon
Snellville, GA

I have found a solution in the German forum.

Search the file
/system/modules/videobox/templates/videobox_youtube.html5

Search:

Code:

---

src="<?php echo $this->youtubelink; ?>"

---

change to:

Code:

---

src="<?php echo $this->youtubelink; ?>&wmode=opaque">

---

Link to the German forum:
https://www.contao-community.de/showthr ... in-lighbox

I'll give it a try. Thanks!

I forgot to submit a reply back, just now spotted it when going over my posts.

The solution above does work, but does not validate for W3C. CHANGE

Code:

---

src="<?php echo $this->youtubelink; ?>&wmode=opaque">

---

TO

Code:

---

src="<?php echo $this->youtubelink; ?>&amp;wmode=opaque">

---

and the code will validate.

This worked very well with a new site that used a frameset border around the YouTube video element. The border was breaking up in Firefox without this modification, but cleaned up immediately as soon as the fix was applied and a position: relative; z-index: 10; style declaration was added to the div surrounding the YouTube video.

Thanks for the tip!

Ernest McDermon

Hi, I've same problem but I solved adding wmode="Opaque":

Code:

---

src="<?php echo $this->youtubelink; ?>[&]wmode=opaque" wmode="Opaque"></iframe>

---

as described here:

https://www.contao-community.de/showthr ... ransparent