ouyang789987 / swfobject

Automatically exported from code.google.com/p/swfobject
0 stars 0 forks source link

Firefox 3.6 fails to display menulinks on top of flash video embedded into HTML with swfobject even if wmode is set to transparent #546

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?

1. http://www.almoskowitz.com/IHA/index7.html - this is how the page should 
look like: it has the left vertical menu links displayed on TOP of the flash 
video, embedded with the code suggested by Adobe. I need the left vertical 
menuitems with TRANSPARENT background to be displayed on top of the flash video 
playing in the backgound.

2. http://www.almoskowitz.com/IHA/index5.html - here it is the same page, the 
video is embedded with swfobject 2.2, but the menulinks are not being displayed 
anymore (in Firefox (they do in IE fine.) The page is linked to styles5.css . I 
tried to use the z-index values to position the menu on top of the video.

3. http://www.almoskowitz.com/IHA/index6.html - this is the same page as the 
previous one, and it is linked to styles6.css . On this page the menulinks are 
being displayed, but for this I HAD to set up a non-transparent background for 
the div in which the menu resides.

What is the expected output? What do you see instead?

I would expect to be able to display my vertical menulinks (with transparent 
background) on top of the flash video regardless if the video is embedded by 
using the Adobe code or swfobject2.

Instead I experience, that by embedding my flash object using swfobject2.2, 
displaying my menu on top of the video is only possible if I use a 
non-transparent background for the layer in which my menu resides. This is 
valid for Firefox 3.6.16, it works in IE.

The 2 pages, index5.html  and index6.html are identical, and they are linked to 
2 almost identical style sheets. The only difference between the styles5.css 
and  styles6.css style sheets is that in styles6.css  the #leftcontent div has 
the backround set to white ( "background-color:white;").  In index6.html the 
menu is shown on top of the video object (embedded using swfobject2.2) , but my 
problem is that I need a TRANSPARENT background.

What version of the product are you using? On what operating system?

swfobject 2.2 , the bug appears in Firefox 3.6.16, on Windows operating system

Please provide any additional information below.

Original issue reported on code.google.com by zagoniag...@gmail.com on 28 Mar 2011 at 6:38

GoogleCodeExporter commented 9 years ago
So a couple of things.

This seems to be an authoring issue rather than an actual bug. Please post all 
questions to the list first and then if deemed a bug, it can be added here.

You don't need a transparent background unless you need to show something that 
is under the swf. Otherwise you just need wmode=opaque to get the swf to be 
apart of the browser z-index rendering stack.

At the end of the day after the code is rendered, you will end up with the same 
<object> definition from the "Adobe" method (standard object/embed) written to 
the page. Use Firebug etc to verify this. SWFObject just does nice things for 
you like player detection etc.

Anyhow:
I reproduced you page using absolute paths both using original index5 code and 
with swfobject static markup. They both appeared to behave the same. Can you 
please verify?

http://www.misterhee.com/tests/iha/IHA.html
http://www.misterhee.com/tests/iha/IHA.swfobject.html

Original comment by aran.rhee@gmail.com on 29 Mar 2011 at 5:20

GoogleCodeExporter commented 9 years ago
Hi, thank you for your reply!
YES, I can confirm that you are right, and this was an authoring issue, since 
you have succeded making the page work even with the swfobject code. I just 
verified the page you created both in my Internet Explorer and Firefox and it 
seems to be working fine.

I am sorry if I posted this in the wrong place, I did not know where to ask 
this question, and this was the single place where I have found swfobject 
related comments.

Thank you!

Original comment by zagoniag...@gmail.com on 29 Mar 2011 at 5:34

GoogleCodeExporter commented 9 years ago
No problem. Glad it is working for you. I will close this issue now.

Original comment by aran.rhee@gmail.com on 29 Mar 2011 at 8:08