I have a video player in a block on a page with my photo galleries. When the photos are displayed through lightbox the flash video player displays on top of the lightbox. This initially was happening for both Firefox and IE on Windows XP, not on my Mac, but for some reason now it's only happening on IE.

I read about this fix from Adobe:

1. Add the following parameter to the OBJECT tag:

<param name="wmode" value="transparent">

2. Add the following parameter to the EMBED tag:

wmode="transparent"

but I'm not working with the swf, but a script to embed the player. There are no OBJECT or EMBED tags. I've played with putting the code in a couple of different places in the script, but it didn't change anything in IE. Who knows maybe it helped the issue in Firefox?

Can someone help me with this?

Thank you.

Comments

stella’s picture

stella CreditAttribution: stella commented
Status: Active » Postponed (maintainer needs more info)

Can you provide a link to the site? Or some sample flash object/embed code or whatever the html that appears is?

erald’s picture

erald CreditAttribution: erald commented

I have exactly the same problem and tried also quite a lot but could not figure it out. One difference I never had any problems in FF only IE (which one else) has problems and is displaying the lightbox behind the video
This is the node which is displayed and where the lightbox has problems.

<div style="text-align: center;" id="player604005-parent">
<div style="border-style: none; overflow: hidden; padding-top: 24px; margin-top: -18px; height: 286px; width: 498px; background-image: url(&quot;/themes/_default/images/mt/homevideoborder.png&quot;); background-repeat: no-repeat; background-position: center center; margin-left: auto; margin-right: auto;"><script src="/sites/all/modules/fckeditor/plugins/flvPlayer/swfobject.js" type="text/javascript"></script>
<div id="player604005"><a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this player.
<div style="overflow: hidden; display: none; visibility: hidden; width: 0px; height: 0px;" id="player604005-config">url=/system/files/flash/promovid_1b.flv width=462 height=260 loop=false play=true downloadable=false fullscreen=false displayNavigation=false displayDigits=false align=center dispPlaylist=none playlistThumbs=false</div>
</div>
<script type="text/javascript">
	var s1 = new SWFObject("/sites/all/modules/fckeditor/plugins/flvPlayer/mediaplayer.swf","single","462","260","7");
	s1.addVariable("width","462");
	s1.addVariable("height","260");
	s1.addVariable("autostart","false");
	s1.addVariable("file","/system/files/flash/promovid_1b.flv");
	s1.addVariable("repeat","false");
	s1.addVariable("image","/system/files/image/flash_images/sample_all.jpg");
	s1.addVariable("showdownload","false");
	s1.addVariable("link","/system/files/flash/promovid_1b.flv");
	s1.addParam("allowfullscreen","false");
	s1.addVariable("showdigits","false");
	s1.addVariable("shownavigation","false");
	s1.addVariable("logo","");
	s1.write("player604005");
</script></div>
</div>

Tried everything but nothing worked.
Help

erald’s picture

erald CreditAttribution: erald commented

Has anyone solved this problem?

NPC’s picture

NPC CreditAttribution: NPC commented

Subscribing.

zoia’s picture

zoia CreditAttribution: zoia commented

I am not sure if this problem is similar to mine but appear only in ie (v 8) I used the lightframe tag to display videos from vimeo and everything was ok since the last update of lightbox - this is the url (please check it with ie )
http://1dim-giann.pel.sch.gr/?q=category/18
I have tried different players , i have updated swf tools but no luck