Flash as a background and the object tag drama

The Mission

Use Flash as a background image.

The Problems

There are a multitude of problems with embedding Flash into valid mark-up. Basically:

  • You can’t use the EMBED tag now days and has been dropped in favour of the OBJECT tag. You actually can use the EMBED tag but its not future compatible and your page won’t validate.
  • This presents problems because IE and Netscape/Firefox based browsers handle the object tag differently. If you manage to get a single object tag to load a flash movie in both browsers then IE seems to not stream the movie anymore.

The Solutions

So how do we use the object tag to please everyone? There are a few methods and they are well documented and there have been a few methods pop up for doing it nicely. They are:

  • Flash Satay, was the first attempt to deal with the problem of embedding Flash in a standards compliant way. Had nice lean mark-up. Messy in that it uses a flash movie to load a Flash movie to get around an IE non-streaming bug. Made passing vars to the desired Flash movie hard work. There is a follow up to this article in which the comments are worth reading.
  • Daniel Duris, came up with a method that improved on this slightly, although it seemed to be just the Satay method without the loader movie. Suffers from the IE no-stream bug. It IS quite lean and I tend to use it for small Flash widgets that don’t need loading:
    
    	
    	banner
    
    
  • Hixie and Flash Gillay methods came about as a second stab at the problem, The Gillay one being better documented. This approach uses IEs propriety stuff to hide the second nested object tag from itself. A nice trick and also has better accessibility options and I RECOMMEND THIS ONE. Downside is the mark-up is doubled, blotted, and you have IE specific code, HTML validates but is slightly yucky. Still, best compromise at the moment.

    His site is not always up, here the HTML:

    
    	 
    	
    	
    	
    		
    			 
    			 
    			 
    			 FAIL (the browser should render some flash content, not this).
    		
    	 
    
    

As for using Flash as a background, the short story is: you can’t. You have to wrap the object tag in a div and then make it a lower z-index (CSS) to the content on top of it. The trick is to set the param ‘wmode’ to ‘opaque’ in side the object tag(s).

And for good measure. Heres The Flash® Player Detection Kit to make sure the dummies/users have the right plugin installed.

97 thoughts on “Flash as a background and the object tag drama”

  1. Thanks for your personal marvelous posting! I seriously enjoyed reading it,
    you may be a great author.I will ensure that I bookmark your blog and may come back sometime soon.

    I want to encourage yourself to continue your great writing,
    have a nice weekend!

  2. Have you ever thought about adding a little bit more than just your articles?

    I mean, what you say is valuable and all. But just imagine if you added some great photos or video clips to give your posts more, “pop”!
    Your content is excellent but with pics and clips, this site
    could certainly be one of the best in its niche. Awesome blog!

  3. I loved as much as you will receive carried out right here.
    The sketch is tasteful, your authored material stylish.
    nonetheless, you command get bought an edginess over that you wish
    be delivering the following. unwell unquestionably come further formerly again
    since exactly the same nearly very often inside case you shield this
    hike.

  4. Fantastic blog! Do you have any tips and hints for aspiring writers?
    I’m hoping to start my own website soon but I’m a little
    lost on everything. Would you propose starting with a free
    platform like WordPress or go for a paid option?
    There are so many choices out there that I’m totally overwhelmed ..

    Any suggestions? Thanks!

  5. Greetings I am so grateful I found your website, I really found you by error, while I was looking on Askjeeve for something else, Anyways
    I am here now and would just like to say cheers for a fantastic post and a all
    round interesting blog (I also love the theme/design), I don’t have time to read it all at
    the moment but I have bookmarked it and also included your RSS feeds, so when I have time I will be back to read much
    more, Please do keep up the excellent jo.

  6. May I simply say what a relief to find somebody that really knows what they’re discussing
    online. You definitely know how to bring an issue to light and make
    it important. A lot more people really need to check this out and understand this side of your story.
    I was surprised that you aren’t more popular because you definitely possess the gift.

  7. I’ve been browsing online more than 3 hours today, yet I never
    found any interesting article like yours. It’s pretty worth
    enough for me. In my view, if all site owners and bloggers made good content as you did, the web will be a lot more useful than
    ever before.

  8. Unquestionably imagine that that you stated.
    Your favorite justification seemed to be on the internet
    the easiest thing to keep in mind of. I say to you, I certainly get irked even
    as folks consider concerns that they plainly do not recognize about.
    You controlled to hit the nail upon the top and also outlined out the entire
    thing without having side-effects , people can take a signal.
    Will likely be back to get more. Thanks

  9. Unquestionably believe that which you stated. Your favorite justification appeared to be on the net
    the easiest thing to be aware of. I say to you, I definitely get irked while people think about worries that they just don’t know about.
    You managed to hit the nail upon the top as well as defined out the whole thing without having side-effects , people can take a
    signal. Will likely be back to get more. Thanks

  10. Great post. I used to be checking continuously this weblog and I’m impressed!
    Extremely helpful information specially the final section :) I
    care for such info much. I was looking for this certain information for a very lengthy time.
    Thank you and best of luck.

  11. I’ve been browsing on-line greater than 3 hours these
    days, but I never discovered any interesting article like yours.
    It is lovely worth enough for me. Personally, if all webmasters and bloggers
    made just right content as you probably did, the net will
    probably be much more helpful than ever before.

  12. The availability of these tools is greatly simplified by Apple by
    providing an on-line App Store viz. Moreover, games and utilities
    Apple provides with their devices are really great. There are also many of we consider developing their own software
    applications.

  13. Hello there! This blog post could not be written much better!
    Going through this post reminds me of my previous roommate!
    He always kept talking about this. I’ll forward this post to him.

    Pretty sure he’ll have a good read. Thank you for sharing!

  14. 4) The 7th Guest – Philips Interactive Media (1993). However I think you will see that the Kinect has a lot
    to offer when it comes to fitness. Octoplop is really
    a new friv game launched through the team in
    the Gamezhero.

  15. When hire iPhone apps developers, mind these tips mentioned below:
    . The app features more than 57 different tools,
    including the following: Calculating circuit values for resistor, capacitor, inductor, NE555, filter circuits and more Number base converter
    (hex, decimal, binary etc. Some people like to be challenged and will look for
    multiple levels and varying degrees of difficulty.

Comments are closed.