Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
HTML and CSS  Home HTML and CSS Tutorials How to Embed Flash Intro in HTML
rss

How to Embed Flash Intro in HTML

Author: Igor Lognikov, Editor More by this author


How to Embed Flash Intro in HTMLThere are several methods of embedding Flash elements into HTML pages.

1st method:

To embed the Flash intro that you just edited into an HTML page, you should go back to your Flash program and do the following steps:

Step 1

Choose "File > Open". Open the Flash intro you have modified.

Step 2

Choose "File > Export Movie" or press "ctrl+shift+alt+s"

Step 3

Name the file "intro.swf". Choose the location where the file is to be stored (in your HTML folder). Click "OK".

Step 4

Open the HTML page where you want to insert your Flash movie. Insert this code:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="700"
height="322">
<param name="movie" value="intro.swf">
<param name="quality" value="high">
<embed src="intro.swf" quality="high"
pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700"
height="322"></embed>
</object>

In the code above there is both an <embed> tag and an <object> tag. This is because the <object> tag is recognized by Internet Explorer, and Mozilla recognizes the <embed> tag and ignores the <object> tag. There are a few more attributes used: classID is an attribute to the <object> tag. It tells Internet Explorer to load the ActiveX plug-in if it is not installed. The pluginspage is an attribute to the <embed> tag. It displays a link to the Shockwave download page if Netscape does not have it. A broken icon will appear on the Web page if the user does not have the Flash plug-in installed.

Step 5

Save the HTML file and run it in a browser window to preview the flash intro.

2 method:

The Flash program can generate both SWF movie and HTML page adding all the necessary attributes into the code for a flash intro:

Step 1

Choose "File > Open". Open the Flash intro you have modified.

Step 2

Choose "File > Publish" or press "shift+F12". Flash will now create the <object>, <param>, and Choose "File > embed tags for you". It will also create the classID and pluginspage attributes.

Step 3

Open the HTML document that Flash created in a browser window to preview the flash intro.



About the Author:

Click to Visit Author's Website

Igor Lognikov is an editor at Web Design Library, the author of many pamphlets related to the web design industry and a fully accredited card-carrying journalist since 1999.


Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "How to Embed Flash Intro in HTML"