Iâm working on this new site (
http://www.saltwatercoralsandfish.com/) in which Iâm using this Flash video as a background for the home page; with a CSS (z-index of -1) on the (div) that contains the Flash. Currently Iâve only got the one other content div on the page that welcomes the user and ask them to check back later that the site is being developed. This naturally has a z-index of 0 by default so no extra css is needed. As you can see this content downloads faster than the Flash and shows through the movie intro as it starts and plays. Although this looks ok now, my concern is that when I add other content such as a login control, navigation control, other web parts, etc to the page; it will seriously detract from the Flash videoâs presentation.
Is there a way to programaticly hide the controls and web parts until the Flash file has downloaded first and played once? And, how would I code this?
Iâm thinking something along the lines of setting the visible property to âfalseâ and then somehow to true once the pageâs Flash has played, but I donât know if this is possible or how to program it. Any ideas and solutions to this issue are greatly appreciated.