How to embed a SWF file in an HTML page

Question

How do you embed a SWF file in an HTML page

User · Answer

This is suitable for application from root environment.

<object type="application/x-shockwave-flash" data="/dir/application.swf" 
id="applicationID" style="margin:0 10px;width:auto;height:auto;">

<param name="movie" value="/dir/application.swf" />
<param name="wmode" value="transparent" /> <!-- Or opaque, etc. -->

<!-- ? Required paramter or not, depends on application -->
<param name="FlashVars" value="" />

<param name="quality" value="high" />
<param name="menu" value="false" />

</object>

Additional parameters should be/can be added which depends on .swf it self. No embed, just object and parameters within, so, it remains valid, working and usable everywhere, it doesn't matter which !DOCTYPE is all about. :)

User · Answer

lt object type  application x-shockwave-flash  data  http   www youtube com v VhtIydTmOVU amp amp hl en amp amp fs 1 amp amp color1 0xe1600f amp amp color2 0xfebd01   style  width 640px height 480px margin 10px 36px   gt    lt param name  movie  value  http   www youtube com v VhtIydTmOVU amp amp hl en amp amp fs 1 amp amp color1 0xe1600f amp amp color2 0xfebd01    gt   lt param name  allowfullscreen  value  true    gt   lt param name  allowscriptaccess  value  always    gt   lt param name  wmode  value  opaque    gt   lt param name  quality  value  high    gt   lt param name  menu  value  false    gt    lt  object gt

User · Answer

Thi works on IE  Edge  Firefox  Safari and Chrome   lt object type  quot application x-shockwave-flash quot  data  quot movie swf quot  width  quot 720 quot  height  quot 480 quot  gt     lt param name  quot movie quot  value  quot movie swf quot    gt     lt param name  quot quality quot  value  quot high quot    gt     lt param name  quot bgcolor quot  value  quot  000000 quot    gt     lt param name  quot play quot  value  quot true quot    gt     lt param name  quot loop quot  value  quot true quot    gt     lt param name  quot wmode quot  value  quot window quot    gt     lt param name  quot scale quot  value  quot showall quot    gt     lt param name  quot menu quot  value  quot true quot    gt     lt param name  quot devicefont quot  value  quot false quot    gt     lt param name  quot salign quot  value  quot  quot    gt     lt param name  quot allowScriptAccess quot  value  quot sameDomain quot    gt     lt a href  quot http   www adobe com go getflash quot  gt       lt img src  quot http   www adobe com images shared download buttons get flash player gif quot  alt  quot Get Adobe Flash player quot    gt     lt  a gt   lt  object gt

User · Answer

This one will work  I am sure    lt embed src  application swf  quality  high  pluginspage  http   www macromedia com go getfashplayer  type  application x-shockwave-flash  width  690  height  430  gt

User · Answer

Use the  lt embed gt  element    lt embed src  file swf  width  854  height  480  gt  lt  embed gt

User · Answer

You can use JavaScript if you re familiar with  like that   swfobject embedSWF  filename swf    Title    width    height    9 0 0      --the 9 0 0 is the flash version   Or you can use the  lt object gt  tag of HTML5

User · Answer

What is the  best  way  Words like  most efficient    fastest rendering   etc  are more specific  Anyway  I am offering an alternative answer that helps me most of the time  whether or not is  best  is irrelevant    Alternate answer  Use an iframe   That is  host the SWF file on the server  If you put the SWF file in the root or public html folder then the SWF file will be located at www YourDomain com YourFlashFile swf   Then  on your index html or wherever  link the above location to your iframe and it will be displayed around your content wherever you put your iframe  If you can put an iframe there  you can put an SWF file there  Make the iframe dimensions the same as your SWF file  In the example below  the SWF file is 500 by 500   Pseudo code    lt iframe src    www YourDomain com YourFlashFile swf  width  500  height  500  gt  lt  iframe gt    The line of HTML code above will embed your SWF file  No other mess needed  Pros  W3C compliant  page design friendly  no speed issue  minimalist approach   Cons  White space around your SWF file when launched in a browser   That is an alternate answer  Whether it is the  best  answer depends on your project

User · Answer

lt object width  100  height  100  gt       lt param name  movie  value  file swf  gt       lt embed src  file swf  width  100  height  100  gt       lt  embed gt   lt  object gt

User · Answer

I know this is an old question  But this answer will be good for the present    lt  DOCTYPE html gt   lt html gt       lt head gt           lt meta charset  UTF-8  gt           lt title gt histo2 lt  title gt           lt style type  text css  media  screen  gt          html  body   height 100   background-color   ffff99           body   margin 0  padding 0  overflow hidden             flashContent   width 100   height 100              lt  style gt       lt  head gt       lt body gt           lt div id  flashContent  gt               lt object type  application x-shockwave-flash  data  histo2 swf  width  822  height  550  id  histo2  style  float  none  vertical-align middle  gt                   lt param name  movie  value  histo2 swf    gt                   lt param name  quality  value  high    gt                   lt param name  bgcolor  value   ffff99    gt                   lt param name  play  value  true    gt                   lt param name  loop  value  true    gt                   lt param name  wmode  value  window    gt                   lt param name  scale  value  showall    gt                   lt param name  menu  value  true    gt                   lt param name  devicefont  value  false    gt                   lt param name  salign  value      gt                   lt param name  allowScriptAccess  value  sameDomain    gt                   lt a href  http   www adobe com go getflash  gt                       lt img src  http   www adobe com images shared download buttons get flash player gif  alt  Get Adobe Flash player    gt                   lt  a gt               lt  object gt           lt  div gt       lt  body gt   lt  html gt

User · Answer

I use http   wiltgen net objecty   it helps to embed media content and avoid the IE  click to activate  problem

User · Answer

As mentioned SWF Object is great  UFO is worth a look as well

User · Answer

If you are using one of those js libraries to insert Flash  I suggest adding plain object embed tag inside of  lt noscript  gt

User · Answer

The best approach to embed a SWF into an HTML page is to use SWFObject   It is a simple open-source JavaScript library that is easy-to-use and standards-friendly method to embed Flash content   It also offers Flash player version detection  If the user does not have the version of Flash required or has JavaScript disabled  they will see an alternate content  You can also use this library to trigger a Flash player upgrade  Once the user has upgraded  they will be redirected back to the page   An example from the documentation    lt  DOCTYPE html PUBLIC  -  W3C  DTD XHTML 1 0 Strict  EN   http   www w3 org TR xhtml1 DTD xhtml1-strict dtd  gt   lt html xmlns  http   www w3 org 1999 xhtml  lang  en  xml lang  en  gt     lt head gt       lt title gt SWFObject dynamic embed - step 3 lt  title gt       lt meta http-equiv  Content-Type  content  text html  charset iso-8859-1    gt       lt script type  text javascript  src  swfobject js  gt  lt  script gt        lt script type  text javascript  gt          swfobject embedSWF  myContent swf    myContent    300    120    9 0 0         lt  script gt      lt  head gt     lt body gt       lt div id  myContent  gt         lt p gt Alternative content lt  p gt       lt  div gt     lt  body gt   lt  html gt    A good tool to use along with this is the SWFObject HTML and JavaScript generator  It basically generates the HTML and JavaScript you need to embed the Flash using SWFObject  Comes with a very simple UI for you to input your parameters   It Is highly recommended and very simple to use

User · Answer

How about simple HTML5 tag embed    lt  DOCTYPE html gt   lt html gt   lt body gt    lt embed src  anim swf  gt    lt  body gt   lt  html gt

User · Answer

This worked for me        lt a target   blank  href     entity link     gt           lt object type  application x-shockwave-flash  data     entity file path    clickTAG    entity link     width  120  height  600  style  visibility  visible   gt               lt param name  quality  value  high  gt               lt param name  play  value  true  gt               lt param name  LOOP  value  false  gt               lt param name  wmode  value  transparent  gt               lt param name  allowScriptAccess  value  true  gt           lt  object gt       lt  a gt

[html] How to embed a SWF file in an HTML page?

Examples related to html

Examples related to embed

Examples related to flash