Grow your CSS skills. Land your dream job.

Last updated on:

Embedding Flash

This is different than the default code that Flash provides. That typically involves the <embed> tag and is not valid XHTML. This doesn't use that, and is fully valid.

<object type="application/x-shockwave-flash" 
  data="your-flash-file.swf" 
  width="0" height="0">
  <param name="movie" value="your-flash-file.swf" />
  <param name="quality" value="high"/>
</object>

Reference URL

Comments

  1. LuK
    Permalink to comment#

    will this work crossbrowser?

  2. eh?
    Permalink to comment#

    This seems very similar to the Flash Satay method from a while back.

  3. Permalink to comment#

    I was taught that you should always use swfObject for flash replacement. Isn’t it almost always a better solution?

    • That’s what I typically use. Although it does require javascript, and theoretically users might have javascript disabled and Flash enabled.

      In either case, it’s just a good thing to know there is a valid way to embed flash without any help.

    • Permalink to comment#

      Very true. swfOject is something worth mentioning though.

  4. How do you add a controller.

  5. Ozzy
    Permalink to comment#

    How could I embed a rotating flash movie as a background in my page? Thanks for the help.

  6. Permalink to comment#

    It don’t work in IE.

  7. what is the code for FLV file?

  8. Rajesh
    Permalink to comment#

    Thanks…….

  9. gundeep
    Permalink to comment#

    thanks.. it saved my time and effort..it works for ie 8& above and on chrome/ff also

  10. Permalink to comment#

    How do I make this responsive for mobile view….

    Thank you,
    BigMarkess

    • Dylan
      Permalink to comment#

      Wrap the embed in a responsive container, it depends on the framework you’re using. Here’s an example from Zurb’s Foundation called Flex-Video

  11. Permalink to comment#

    Where would the no-flash fallback image go in this code? and the flashvars for ie / webkit ?

  12. Rajan
    Permalink to comment#

    This code is good for PC / Laptops. But it is not working with Mobile, Notebooks. For example this code will not work in SAMSUNG Notebook. (Tested).

    I was following the old code method.

    <!–


    <!–

    This works well in all browsers including mobile and mini devices.

    But when i use your recent code . It is not working with mobile devices.

    I do not where I am or You wrong.

  13. Rafi

    hello ..how can avoid images directory showing client url on web

  14. Gershon

    Totally useless article. This tag has been generated by Flash CS 6 and with using always OBJECT tag instead EMBED such useful JS functions like TGotoLabel, TPlay, and so on has gone too.

  15. I used the above code, Now my menu started displaying behind the flash animation. i mean the flash file over lapped it seems, any idea?

Leave a Comment

Current day month ye@r *

*May or may not contain any actual "CSS" or "Tricks".