Overlaying Flash content without wmode or access to the source

[BillyRayPreachersSon]

I have 2 iframes, let's call them 'iframeText' and 'iframeFlash'. I require iframeText to always be on top of iframeFlash - regardless of the content inside iframeFlash.

Right now, if the content inside iframeFlash has a video playing (e.g. YouTube), the video content will show through into iframeText - even if it has a solid background colour and a higher zIndex.

IE 6, 7, and 8 all play ball, blocking out the Flash video content, but I cannot seem to get any other browser to do the same - Opera, Safari, Chrome, etc.

I have full control over iframeText, and full control over the styling for 'iframeFlash' (e.g. zIndex, bg colour, etc). The only thing I cannot do is modify the contents of 'iframeFlash'. This means I have no access to set the 'wmode' parameter of the Flash object.

Does anyone know of a way to get an iframe to sit on top of Flash content in another without having access to the 'wmode' parameter?

Thanks!

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[datamasher]

Hi Dan,
I got this to work in IE and Chrome by using the following code in the flash iframe html :-

 <object width="400" height="300" codebase="https://
download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=7,0,19,0" classid="clsid27CDB6E-
 AE6D-11cf-96B8-444553540000">
<param value="intro.swf" name="movie"/>
 <param value="high" name="quality"/>
 <embed width="450" height="300" type="application/x-shockwave-flash"
 pluginspage="[URL unfurl="true"]https://www.macromedia.com/go/getflashplayer"[/URL]
 quality="high" src="intro.swf" wmode="transparent"/>
 <param name="wmode" value="transparent"/>
</object>

Someone at the link below had a similar problem
www.csschat.com/showthread.php?t=8510

It seems if you use embed and object tags it works

Hope this points you in the right direction !!

Steve

 

[BillyRayPreachersSon]

Hi Steve,

Thanks for trying, but I think you must have missed the important piece of my post:

The only thing I cannot do is modify the contents of 'iframeFlash'. This means I have no access to set the 'wmode' parameter of the Flash object.

But thanks for trying, anyway!



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[ccallendar]

Hey Dan - any luck with this problem? I also have the same requirements as you...

Thanks,
Chris

 

[BillyRayPreachersSon]

No luck at all, unfortunately. I've tried more things than you care to imagine, none of which worked for me.

One thing you might try is to re-arrange the source order of the iframes using the appendChild / insertNode DOM methods to see if that works in your case (perhaps set the zIndex as well for good measure).

The only reason this isn't good for me is that all my iframes are built dynamically, and (stupidly, IMHO) when you use those methods to move an IFRAME node, the iframe contents are refreshed from its SRC attribute. This sucks, as all mine end up blank!

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/