Adding Flash

You can add Flash animations (.swf) to your site. Flash files contain interactivity and animation, and typically come from the Adobe Flash program.

Before You Begin

To access this content, please revisit with a web browser that has the latest version of Adobe Flash Player installed.

Icon IdeaTips

  • 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 webhelp@med.unc.eduto 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.

Upload Your Flash

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".

[top]

Embed Your Flash

Paste the Code

This requires some knowledge of editing HTML source code. Once you are on the edit screen of your page:

  1. Click the Edit without visual editor link below the Body Text field.
  2. 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 -->
    </object>
  3. 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" />

warning 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.

[top]

Adjust Height and Width Parameters

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:

height="150" width="150"

[top]

Save and Test

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 webhelp@med.unc.edu or 966-3519 for assistance.

[top]

yourvideolocation
Related content
Adding Files