Flash restarts when CSS is changed

[aj_nsc]

The website: http://www.atthebeachhouse.ca

So in Firefox (haven't looked at IE yet, but webkit is fine) the flash player (the sound thing down in the bottom left) restarts when the splash screen disappears.

What I'm doing is modifying the page dimensions (things like setting overflow: hidden on the body and html) when the page loads and then loading a div over the top of it which is the splash 'page' - then when you 'enter' the site, the div just disappears and the dimensions of the page are redrawn so the scrollbar appears on the right (by setting body and html css overflow to auto).

The problem for me is, if the flash player is inside an element that has it's dimensions re-rendered, (like body or html), then in Firefox the flash player restarts.

I'm also wondering if wmode has anything to do with it...although when I just took the wmode=transparent off the flash object, the problem still occurred.

Does anybody have any insight in how to work around this issue? Open to anything (other than 'don't use an intro page' - I know I hate using intro pages but the client paid big bucks to get exactly what he wanted, even though we told him many times that it was not a good tactic, we went ahead and did it the best we could for SEO purposes at least by not actually have a separate 'page').

Thanks folks!

[Eye for Video]

As for the music restarting in IE, at least you don’t have to worry about that… because the music is not working at all in IE8. All that shows is a small white rectangle with a grayed out scroll bar.
Also resizing the screen from max (1680 on my machine) to smaller, does some weird things with the text at the top.
Initially the text is centered, but maxing out the screen and the text is sort of left aligned to the blue, starry image. Then as the center images appear, the images are left aligned to edge of screen (and not full width) while the text is/is not centered, depending on whether you are reducing or increasing size of screen. Then the text will center again when the next image is displayed. Then if the screen is reduced again, the text is now left aligned and/or even stacked on top of each other. Weird…
Also it’s quite some time before the viewer is given the choice to enter site…so while the splash screen may need to be there, the enter site should also be there from the beginning.
See photo attached for music player in IE. Almost looks like you could leave the player out of the resizing content.. seems like social bar just runs across the bottom and the rest of the site scrolls behind it.
Don’t have any solutions right now, just some observations.
Best wishes,
Eye for Video
www.cidigitalmedia.com

[aj_nsc]

Trust me Eye for Video, I hate the fact that it has to be there and have screamed at the client until I'm blue in the face that's it's terrible - but he just smiles and bops his head along with the music and says 'no no, it's awesome'.....

In my opinion, there should be no enter site (because the should be no splash screen) and there should be no music, because everybody hates it when websites play music in the background. But if I don't give him what he wants, then I don't get paid.

[Eye for Video]

Looks like you've made some progress... it's working just fine in IE, no restart on entering site either!
Looks like you took the player out of "social_bar"?
EfV

[aj_nsc]

I have made some progress, Eye for Video, yes, and thanks for keeping an eye on this thread. No, the flash player is still in #social_bar. I forgot that IE required the invalid embed tag and I originally had only put in an <object> tag, so I fixed that issue.

Unfortunately, in Firefox, it still restarts. Again, the reason is because if a flash module is in an HTML element that gets re-rendered (could be the wrong terminology), then it restarts, in Firefox anyway, all other browsers are fine.

The problem is to achieve the splash page effect, I need to set html to overflow: hidden and then change it to overflow: auto when the intro finishes. The problem is, EVERYTHING, no matter where it is, is a descendant of <html>, so the flash player always restarts, in Firefox....I just don't understand why this is the case, or if there's another way around it.

Thanks for taking a look!