Home >> Software Help >> Flash >> HTML and Flash

HTML and Flash

Normally, you can place a Flash movie on an HTML page either automatically by using File-->Publish or with Dreamweaver by first exporting the file and then placing the Flash file in Dreamweaver using the Object Inspector. [See Exporting SWF files for more on this]

However, if you wish to make your pages manually or are interested in the tags used to embed a Flash movie, you should know how Flash integrates with HTML.

Tags:

The two main tags used to integrate Flash content in HTML are <EMBED> and <OBJECT>

The difference between these two is dependent on the browser. The <EMBED> tag provides the needed information for Netscape, which uses only plugins and the <OBJECT> tag provides the necessary information for Internet Explorer which uses ActiveX components. To successfully integrate a Flash movie into a Web page so that it works both on Netscape and Explorer requires the use of both tags.

What's the difference between Plug-ins and Active X?

Both plug-ins and Active X components are designed to exten the capabilities of HTML because alone the browser supports only JPEG and GIF images. Through add on software, developers can add nearly any element. One such element can be shockwave flash.

Use the <OBJECT> and <EMBED> tags inside the <BODY> section of your Web page. Explorer ignores Embed and interprets Object, while Netscape ignores Object and reads only Embed information.

Here is an example of how the file head.swf from above is embedded in the page:

<object width="400" height="40" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#4,0,2,0">
<param name="SRC" value="head.swf">
<param name="QUALITY" value="high">
<param name="TYPE" value="application/x-shockwave-flash"><param name="LOOP" value="false">
<embed width="400" height="40" src="head.swf" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/" loop="false">
<noembed><img src="images/head3-animated.gif" width="400" height="40"></noembed>
</embed>
</object>

Read more about this in Patton 485-487 or in Mohler 307-310