- Be careful to avoid confusion between terms Flash animation and Flash video. Flash video is a format used to display recorded video, whereas Flash animations (sometimes called Flash "movies") are usually interactive & may not contain any film footage.
- Contact us at firstname.lastname@example.org verify that the appropriate HTML tags for embedding have been allowed for your site (<object> and <param>).
- To preserve the alternate content provided below for devices without Flash, you must edit and save without the visual editor.
Add the .swf file to your site the same way you would any other file. You can refer the full address of your .swf at any time by browsing to it through the contents of your site, copying the link from the address bar, and replacing the part of the address that says "/view" with "/index_html".
Paste the Code
This requires some knowledge of editing HTML source code. Once you are on the edit screen of your page:
- Click the Edit without visual editor link below the Body Text field.
- Within the source code, paste the following snippet where you want the Flash to appear:
<object data="flash.swf/index_html" height="150" width="150" type="application/x-shockwave-flash">
<param name="data" value="flash.swf/index_html" />
<param name="src" value=" flash.swf/index_html" />
<!-- Alternate content for devices without Flash -->
<p style="padding:1em; border:1px solid #e3e2da; background:#f1f0ec;">To access
this content, please revisit with a web browser that has the latest version of
<a href="http://www.adobe.com/go/getflashplayer">Adobe Flash Player</a> installed.</p>
<!-- End alternate content -->
- Make sure to change the part that says "flash.swf/index_html" to the actual file URL. There are three instances of the URL in the code, and it is required in all three of those places. Using one of the param tags as an example, a real-life Flash URL would look something like:
<param name="data" value="file=http://www.med.unc.edu/site/files/flash.swf/index_html" />
Important: To preserve the alternate content provided above for devices without Flash, you must edit without visual editor, and save the page from this mode for all changes. Otherwise, the visual editor will strip out content contained within the opening and closing <object> tags.
The embedded Flash with shrink or expand to fill the space specified by the height and width attributes in the HTML. So, if you want the Flash to appear at it's natural size, you have to know what those dimensions are. One way to find the dimensions is by opening the source .fla into Adobe Flash and referencing the Properties Inspector. Then, you can change the values of those two attributes in the HTML code to match:
You won't be able to see the end result until you save and view the page. From that point, you can see what adjustments, if any, you need to make to your code or page layout. If you want to experiment with a page that's currently published, you may want to check out a working copy of the page. If your Flash does not appear at all, you can contact the OIS Web Team at email@example.com or 966-3519 for assistance.