EtelligentWiki

How to put a Flash movie on an Etelligent Web Page

From EtelligentWiki

If you haven't already, create a new Web Page for your movie to appear on.

1) From the Campaign Overview, locate your Web Page and select it.

2) Click Show Structure at the top of the page.

3) Edit the Component you wish the movie to appear in.

4) Uploading your Flash Movie to Etelligent
(If your Flash movie is hosted on a webserver somewhere, skip to Step 5)

Click the "Image" toolbar button and then the yellow folder icon in the top right corner of the dialog box that appears to go to the Asset Manager.

Once the Asset Manager window appears, change the File Type Filter dropdown box in the top right from "Images" to "All Files" so that Etelligent doesn't hide any files from you.

Change the Folder dropdown in the top left to a suitable folder to upload your Flash movie to or create a new one by clicking "New Folder".

Click the "Browse..." button at the bottom, locate your Flash movie on your computer and click the "upload" button to send the file to the Etelligent server.

Select your movie file from the list so that you can see a Preview of it on the left. Beneath this Preview is a URL - make a note of this (or copy and paste it somewhere) as you'll need it in Step 5. It should look something like this:

/etelligent/clients/CLIENTCODE/siteFiles/resources/flash/myMovie.swf

You can now close the Asset Manager and Image windows to return to the Editor.


5) Inserting the Flash Movie's HTML code

If the Flash movie has been created for you, perhaps by your designers, they should also have provided you with some HTML code that defines how the movie should be displayed when viewed in an internet browser. This HTML code must be copied and pasted onto your Etelligent Web Page and should look similar to this, but may have more or different <param> tags:

<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="400" height="300">
	<param name="movie" value="http://www.companywebsite.com/flashmovie/movie.swf">
	<param name="quality" value="high">
    <embed src="http://www.companywebsite.com/flashmovie/movie.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="300"></embed>
</object>


Once you have this HTML code, in the Editor window for your Component click the "View/Edit Source" toolbar button to bring up the Source Editor window. You'll now be able to see all the HTML code that makes up your Component. Find the position in this HTML code where you want your Flash movie to appear and paste its code in.


If you uploaded your movie to Etelligent in Step 4, you'll need to change the URLs that appear in the Flash Movie's HTML code (there are often several) to the URL you made a note of back then.


So you're aware, if you click the "apply" button in the bottom right corner of the Source Editor's window, you'll see that Etelligent actually re-writes your movie's HTML code to something like the following, but this shouldn't affect how it's displayed:

<OBJECT codeBase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0 height=300 width=400 classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000>
<PARAM NAME="_cx" VALUE="5080">
<PARAM NAME="_cy" VALUE="5080">
<PARAM NAME="FlashVars" VALUE="">
<PARAM NAME="Movie" VALUE="http://www.companywebsite.com/flashmovie/movie.swf">
<PARAM NAME="Src" VALUE="http://www.companywebsite.com/flashmovie/movie.swf">
<PARAM NAME="WMode" VALUE="Window">
<PARAM NAME="Play" VALUE="-1">
<PARAM NAME="Loop" VALUE="-1">
<PARAM NAME="Quality" VALUE="High">
<PARAM NAME="SAlign" VALUE="">
<PARAM NAME="Menu" VALUE="-1">
<PARAM NAME="Base" VALUE="">
<PARAM NAME="AllowScriptAccess" VALUE="">
<PARAM NAME="Scale" VALUE="ShowAll">
<PARAM NAME="DeviceFont" VALUE="0">
<PARAM NAME="EmbedMovie" VALUE="0">
<PARAM NAME="BGColor" VALUE="">
<PARAM NAME="SWRemote" VALUE="">
<PARAM NAME="MovieData" VALUE="">
<PARAM NAME="SeamlessTabbing" VALUE="1">
<PARAM NAME="Profile" VALUE="0">
<PARAM NAME="ProfileAddress" VALUE="">
<PARAM NAME="ProfilePort" VALUE="0">
<PARAM NAME="AllowNetworking" VALUE="all">
<PARAM NAME="AllowFullScreen" VALUE="false">
  
    <embed src="http://www.companywebsite.com/flashmovie/movie.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="300"></embed>
</OBJECT>

Click the "ok" button to return to the Editor and then "Commit Changes" to save it.

If you're Flash movie contains sound/music, get ready to unplug your speakers as everytime Etelligent displays your Web Page, it'll start playing!