Embedding Flash

What is it?

You can even upload a .swf as a file and then reference it on your site! The embedding code is very similar to the traditional method of embedding Flash into a document, its only the file location that needs to be altered.

Tutorial: Embedding Flash

Step 1

Step 2

Via the tab Files click the tab marked Upload and click the Browse.. button and select and upload a file to your website (for this example the Flash file will be called:

animation.swf

Step 3

Click the tab Edit to edit your page, locate the “Home” page as this is where we will be embedding the Flash file.

Step 4

In the edit window, input a new line of code similar to this (this is the standard embedding format when exporting or publishing your Flash work to a .SWF):

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase=
"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflas
h.cab#version=6,0,0,0" width="372" height="220" id="animation"
align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="animation.swf" />
<param name="loop" value="false" />
<param name="menu" value="false" />
<param name="quality" value="autolow" />
<param name="bgcolor" value="#b0ada4" />

<embed src="animation.swf" loop="false" menu="false" quality="autolow"
bgcolor="#b0ada4" width="372" height="220" name="animation"
align="middle" allowScriptAccess="sameDomain"
type="application/x- shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"/>
</object>

The key parts that we will be editing are the filenames that reference the SWF name, in this example the swf names are:

animation.swf

Step 5

Now to reference the correct path we need to wrap the SWF filename in double exclamation marks !! - so that the code looks similar to this:

!! animation.swf !!

Step 6

Finally, add the words :url after the file extension (in this example the file extension is .swf), so the entire code would look similar to this (without any spaces):

!! animation.swf:url !!

Example:

As before, once you have inputted the Flash code click [Save changes] and then have a look at your website’s Home page.

Please note: you will need to refresh the page of your website to view the changes.