Embedding Flash (SWF) Animations in Canvas

24260

UPDATED ON 6/9/2015 DUE TO BETTER FILE BROWSING TURNED ON FOR ALL CANVAS USERS AS OF 6/6/2015.

In order to embed a Flash file (*.swf) in a Canvas course, you'll need to paste the following line of code into the WYSIWYG editor (the HTML side) of a Canvas course page and change some of the values based on the steps below.

Upload the Flash (*.swf) file to the root folder of Files in your Canvas course.
After the file has been uploaded, hover your mouse over the file name, and take note of file ID number in the URL (see example screen shot).
In the iframe code, replace [COURSEID] with the Course ID from your own course. (Example: http://SomeSchoolName.instructure.com/courses/12345)
In the iframe code, replace [FILEID] with the number listed in the URL of the Flash (*.swf) file (from Step 2). In this case, the economicsBanner2.swf file has the following value: [FILEID] = 516713.
Change the width and height of your Flash movie to match the dimensions of your Flash file.

The resulting code would look similar to this:

33 Comments

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

About

LMS Technologist / Canvas Community Coach Surprise, AZ

Bio

In September 2023, I started a new career as a Learning Management System (LMS) Technologist at the College for Creative Studies in Detroit, MI. Prior to this, I was an Instructional Technology Web Specialist at Moraine Park Technical College (January 2001 to August 2022). I enjoy playing disc golf, watching movies, playing video games, playing board/card games (Architects of the West Kingdom, Dune: Imperium, Carcassonne, Disney Villainous, Terraforming Mars: Ares Expedition, Everdell, Great Western Trail, Parks, Trails, and Viticulture), reading, and being with family and friends. I am currently on my fourth Toyota Prius. The first (a silver 2004 2nd Gen) was victim to a flood that came through our area, and water got inside which ruined many of the electronics in it. My second (a magnetic gray metallic 2009 2nd Gen) was totaled in a rear-end collision. I totaled my 3rd Prius (a silver 2011) when I rear-ended someone by accident in town. I now have a 2019 Toyota Prius Limited...and it's awesome!