You can add a Flash object either as a whole course or as an accent (for example, an animated chart or other illustration). You can add flash within a block or as its own object. If you want to place the Flash .swf as its own object, you must first create a holder for it. To do this, you can add an HTML block to the page (using the Add Block dropdown you see in Editing Mode) or a web page resource (using Manage Activities and the Add a Resource dropdown box). See the step guide titled Create a New Activity and Add it to a Page for help with this step.

Before You Begin

  • Locate the Flash .swf file you want to add to the course on your own system.
  • Determine where in the course the .swf file should go.
  • Decide whether you want to place the .swf file within existing text or on its own.


  • Before you place the Flash .swf object, you need to load it to your course. Find the Administration Block in the course.
Administration Block

Generally, the Administration Block appears in the left-column or can be found by clicking Administer My Course in a facilitated template. If you cannot find this block, you can temporarily add it to any page by selecting it from the Add Block dropdown. Make sure you’re in Editing mode to see this dropdown.

  • Click the Files option in the Administration Block. The screen will change and you will see any files that already exist.
  • Click the Upload a File button on the right side of the screen. The screen will change to let you find the file on your own system.
  • Click the Browse button and then find and open your file in the Insert File dialog box. You’ll return to the previous screen and will see the location and name of your file in the box.
  • Click the Upload This File button.  In a few moments, the screen will change and you will see your file in the list. It is now available to the course and ready to be placed on a page.

A shortcut is to right-click the name of the file and then select Copy Shortcut or Copy Link Location (browser-dependent). This will copy a link to the file so you can later place it in the course.

  • Display the page where you want to put the .swf file. Make sure editing is turned on.
  • Click the small blue edit icon under the name of the block to which you want to add the video. The screen will change to help you edit the block. Scroll down to see the contents of the block.

NOTE: If you are using a web page resource, make sure you scroll down past the Summary section to the section titled Compose a Web Page.

  • In the second line of buttons, find and click the Toggle HTML Source button. The screen will change and you will see any text or images that were already in the block as HTML.
Toggle HTML Source button
  • Place the following code in the place where you want the video to go:
<a href=""></a>

IMPORTANT: The red text can be replaced with the link to the file you copied at the end of Step 5 above. Otherwise, you must replace the yellow-highlighted text with text that matches your campus, course, and video. The numbers can be changed to reflect the width and height of the video.

  • Scroll down to the bottom of the form and then click the Save and Return to Course button (web page resource) or the Save Changes button (HTML block). Your .swf file will appear on the course page.

If you want to use your own embed code, please be sure you take various browsers into account. For example, the following code will work in both FireFox and Internet Explorer. If you use it, be sure to edit the red parts.

<object width="600" height="450" align="middle" 
classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"> <param value="sameDomain" name="allowScriptAccess" />
<param value="false" name="allowFullScreen" /> <param value="file link" name="movie" />
<param value="high" name="quality" /> <param value="#000000" name="bgcolor" />
<param value="transparent" name="wmode" /> <embed width="600" height="450" align="middle"
pluginspage="" type="application/x-shockwave-flash"
allowfullscreen="false" allowscriptaccess="sameDomain" wmode="transparent" name="producer_pack"
bgcolor="#000000" quality="high" src="/file link" /></object>