Skip to Main Content Libraries

Canvas Tutorials

Canvas tutorials for instructors

Images and Videos in Canvas

Images and videos can be a great resources for your Canvas courses.


One key recommendation is to add an alt text description to images that will show up in case there's an issue loading the image. This alt text also identifies the image for individuals using screen readers. 


You can add videos to your course by embedding them in Pages or by adding videos as Module Items. The video direction tabs below explain the steps for both embedded videos and videos as Module Items. You can always create a link to a video the same way that you would create any other link in a Page or Assignment.


To change the playback speed of a video in Kaltura/My Media, see the "Playback Speed" tab on the Kaltura (My Media, Media Gallery) page.

Image & Video usages and tips

Adding Images to Canvas

You can add images by uploading them to your universal Canvas files, Course files, or by uploading them directly to the page you are working on. If you plan to reuse an image across multiple courses, I recommend uploading it to your universal Canvas files. 


Upload an image to your universal files

Click on "Account" in the Canvas universal sidebar. This is directly below the icon or photo you have uploaded in Canvas. 

Canvas universal account menu indicating files link

This will open your universal Canvas account file folder. You can organize files in folders by clicking the "+Folder" button at the top right of the page. You can add files by clicking the red "Upload" button at the top right.

Canvas universal account file folder

You will always be able to reorganize files by dragging them between folders or by hovering over the file and clicking on the three dots that appear at the right. Clicking on these dots will give you the option to download, rename, move, delete, or share the file to Canvas Commons, as shown in the screenshot below.

Actions you can do to a file in Canvas


Upload an image to your course files

If you only want to use your images in a certain class, use the course menu to navigate to your Files folder.

Canvas course menu indicating files link

This will open the files you have saved in this particular course. You can organize and work with the files in the same way you do the files in your universal account files. 

Canvas universal account file folder


Upload an image directly to a page

If you are working on a page in Canvas and want to upload an image that you have not yet uploaded, open the rich text editor for the page, click the "Insert" tab, select "Image," then select "Upload Image."

Drop down menu to insert an image using the rich text editor

A pop up page will appear. Follow the directions to upload your image. You can add alt text directly on this pop up page.

Upload image pop up page

 


Embed the image in your page

If you have already have the image you want to use in your universal or course files, click on the "Insert" dropdown menu and select the appropriate category. The "Image," "Media," and "Document" options ultimately route you into the same system, so for if some reason one selection doesn't work, you will still be able to look for your file within the side menu that opens.

Selecting the Insert dropdown menu on Canvas

The "Insert" dropdown opens a side screen selection system called "Add" on the right of your screen. For this example, I had saved the files I wanted in my "Course Files" folder on Canvas, so I was able to find them by selecting "Course Files" in the top field and "Images" in the dropdown below that. 

Searching for a file in the Add sidebar on Canvas

Formatting Images

It may be useful to create a page with images for your course. To demonstrate this, I will be inserting images into a study guide for an art history course. 

1. In the text box, place your cursor where you want the image to be located.

Identifying where an image will be placed

2. Locate the image icon in the tool bar above the text box.

Locating the insert image icon

3. Select the location you are drawing your image from. For this example, I selected "Course Images" to choose from one of the images I had uploaded to the course files. This opens a new side menu on the right with any images you have available.

Image selection menu

4. Click on the image you want to insert. Once the image appears in your text box, it may be an inconvenient size. You can resize your image a few different ways. The easiest is to click on the image and drag the corners when the image highlights in blue. Alternatively, you can resize the image by clicking on it. A tooltip that says "Image Options" will appear. Click this to open a new side menu.

Image options tooltip

5. The Image Options menu at the right will give you several ways to resize your image, including pixels, percentage of the view screen width, and custom. 

Resizing options in the Image Options menu

6. You may want to experiment with these options. For this example I selected Custom and chose the Medium size. 

Selecting a custom image size

7. Your image will appear in its new resized format. Be sure to click "Save" at the bottom of the page to see your page with images!

formatted images in page

Alt Text for Images in Canvas

It is best practice to include alt text whenever you upload images online. This alt text displays when an image has trouble loading, and provides information to individuals using screen readers. The default alt text for an image in Canvas is the name of your file, which may not make much sense to people accessing your Canvas site. Here are three ways to update your alt text. 


Option 1: Change the Name of the File

If you have the image already uploaded to your universal or course files, navigate to your File folder. Rename your image with these steps:

  1. Hover over the image, click the three dots that appear at the right
  2. Select "Rename" from the dropdown menu
  3. Enter a new name, removing the format of the file (.jpg, .png, .pdf, etc.)
  4. Click the checkmark or hit enter to save. 

Option 2: Uploading a file to a page

When you insert an image directly to a page in Canvas, you will see a pop-up page for the upload process. Type your alt text into the box provided in the Attributes section of this pop-up page.

Upload image pop up page


Editing alt text from Image Options

If you have already uploaded the image and do not want to change the name of your file, you can add alt text in the rich text editor. Insert your image, then click on it. The image will be highlighted and a tooltip that says "Image Options" will appear. 

Click on an image to see the image options menu

The Image Options menu will appear on the right side of your screen. The first box, labeled "Alt Text" should display default alt text using the file's name. 

The alt text box in the Image Options menu

Replace the file title with your desired alt text and click the red "Done" button at the bottom of the menu.

Displaying the updated alt text

As always, when you are finished editing the page, be sure to save it!

Embedding Videos: Vimeo and YouTube

You may want to embed videos in your Canvas course. This is easy to do! I'm going to demonstrate locating the embed code in both YouTube and Vimeo.

To add a video to a module as an item (rather than embedding it in a page), see the directions at the bottom of this tab.


Embedding a Video on a Page

Method 1. Use the plugin tool to locate the video: Click on the plugin icon  and choose YouTube or Vimeo, then search for the video you want to embed.

 

Method 2. Use the embed box to embed the code:

First, navigate to the video you want to embed and locate the "Share" button.

On Vimeo:

Locating the share button on Vimeo videos

On YouTube:

Locating the share button for a YouTube video

When you click that button, a pop-up window will give you different sharing options. Locate the "Embed" option. In Vimeo, copy this code. In YouTube, click the "Embed" button. Note that on YouTube you have the option to begin your selection at a timestamp if you check the box at the bottom of the pop-up window and set a time.

On Vimeo:

Locating the embed code in Vimeo

On YouTube:

Selecting embed from the YouTube share menu

For YouTube videos, click the "Copy" button at the bottom of the video pop-up – this will copy all of the code so you don't need to highlight it.

The copy button for YouTube embed code

Next, navigate to the Canvas Page or Assignment where you want to embed the video – you can embed a video on any Canvas item that has a content editor box.

Selecting embed from the insert drop down menu

Paste the code you copied into the pop-up box and click the "Submit" button. 

Pasting embed code into Canvas popup

Don't forget to click "Save" at the bottom of the Canvas Page or Assignment once you're done!


Adding Videos as Module Items

You can also add videos from both sources to a module by:

  1. Click the "+" button at the top of the module.
  2. Select "External URL" from the dropdown menu.
  3. Paste the URL (web address) for the video into the "URL" field, give the video a name in the "Page Name" field, and click the "Add Item" button.
Embedding Videos from Kaltura (My Media and the Media Gallery)

We recommend uploading any videos that you create or have files for to Kaltura for storage. Kaltura is the name of the tool that appears in Canvas as My Media (in the universal Canvas menu at left) and My Media (files available to a specific course). Videos uploaded to your My Media tab are available to all courses in Canvas.

Locating My Media and Media Gallery

You can add a video to your course by embedding it in a Page or by adding it as an item in a module. 


Option 1: Embedding a Kaltura Video in a Page

First, open the Canvas Page where you want to embed the video. Locate the icon that looks like an electrical plug. Click on the arrow next to it and select "Embed Kaltura Media" from the dropdown menu. 

Locate the plug in icon

Select the video that you want to embed from the pop-up window and click the "</> Embed" button.

Locating the embed button in the Kaltura menu

The video will appear on your page. Don't forget to click the "Save" button!


Option 2: Adding a Kaltura Video as a Module Item

First, click on the "+" in the Module name. In the pop-up box, select "External Tool" from the dropdown menu. 

Select Add External Tool in a module

In the menu that appears, choose "Select From Kaltura Media" and click the "Add Item" button.

Selecting Kaltura Media in the External Tool menu

A new pop-up box will show you the videos in your Media Gallery. Find the video that you want to add and click the "</> Embed" button. 

Locating the embed button in the Kaltura menu

The "Add Item to Class Resources" box appears again. Click the "Add Item" at the bottom of the box to confirm.

Your video will appear as an item at the bottom of the module.

Seeing the video in the module

 
Embedding Videos Available through the Library

The library provides access to online videos through several databases (see directions on how to access them here). You can give students easy access to these by adding them to your course by embedding them in Pages or adding them as Module Items. 

PLEASE NOTE that not all videos and databases may cooperate with Canvas in the same way. You will need to check which method works best with the video that you choose.


The first step with either method is to locate the Share or Embed option on the video once you have located it using the library databases. Here are some examples: 

AVON (Academic Videos Online)

Click on the "Embed" tab to see sharing options.

Locate share option on AVON videos

Alexander Street

Click on the "Share" button for sharing options.

Locate share options on Alexander Street videos

Kanopy

Click on the "Share" tab to see sharing options.

Locate share options on Kanopy videos

Each of these databases provides both an embed code and a permalink, which you can use to create a link to the video on a Page or as an external URL.


Option 1: Embedding Videos on a Page

To embed a video, copy the embed code from the video, then open the Page where you want to embed the video. Open the editing view of the page, click on "Insert" and select "Embed" from the dropdown menu.

Selecting embed from the insert drop down menu

Paste the embed code into the pop-up box that appears and click the "Submit" button.

Pasting embed code into Canvas popup

The video should appear on the page. Depending on the database, students (and you) may be prompted to enter your WU email or sign in through the library. If this happens, the full video will open in a new tab. Sometimes an embedded video may only display a snippet. If either of these options occur, it may be best to simply create a link to the video using the permalink provided in the database, since that will take students directly to the video on the library website.


Option 2: Adding Videos as Module Items
  1. To add a video as an item in a module, click on the "+" button at the top of the module. 
  2. Select "External URL" from the dropdown menu.
  3. Paste the permalink (web address) for the video into the "URL" field, give the video a name in the "Page Name" field, and click the "Add Item" button.

PLEASE NOTE that some databases may not support this option. Be sure to check the item once you have created it. 

Tech support: For technical assistance, start a ticket with WITS 

Brainstorming: For ideas on how to use tools in your course, contact the DLS

Willamette University

Willamette University Libraries

Mark O. Hatfield Library
900 State Street.
Salem Oregon 97301
Pacific Northwest College of Art Library
511 NW Broadway.
Portland Oregon 97209