Distance Learning | School of Professional Studies | Northwestern University

Distance Learning Logo

How-to Guide: Add Video to Canvas

Overview

Canvas has great flexibility for allowing users to determine where and how to add video content. Methods for adding video to your course site include recording directly to Canvas, linking and embedding. This guide will demonstrate methods for adding video hosted and created by you, or others, and help you decide when to employ each method. This guide will show you how to identify the best method for hosting video content, as well as how to link or embed videos in Canvas.

Guide

Canvas Media Tools

Video and audio can be recorded directly to Canvas using your webcam and microphone. This is a convenient way to record an impromptu announcement video, or record assignment feedback as an audio track, rather than typing it out. Canvas media tools also allow content owners to add caption files to video, providing an alternative means of access for diverse learners.

Visit the following instruction guides by Instructure for step by step instructions to record a video using the Rich Content Editor, and record audio using the Rich Content Editor.

Canvas media tools are best utilized when your content is less than 15 minutes long, and you are working from a stable internet connection.

Canvas media tools are best utilized when your content is on the fly, unscripted or unpolished, and does not need to exist in your course beyond the quarter you are currently teaching.

Visit the Learn More section of this guide for step by step instructions for Canvas Media Tools.

Linking or Embedding media in Canvas.

Given certain limitations of Canvas media tools, it is likely that you will create and host your content using Canvas integrated tools like Panopto. Or you may employ content from media resources hosted online in places like Vimeo, YouTube or Soundcloud, to name a few. 

No matter how the content is hosted or created, there are a few different ways to add content and display it in your course site demonstrated in the following tutorials. Before adding any content to your course site you will first need to identify the content source, and the destination for page your content. In Canvas, video content can be linked or embedded on any page that employs a content editor which includes Announcements, Assignments, Discussions, Pages, Quizzes, and the Syllabus.

Embedding Panopto Videos

Once you have uploaded your video content to Panopto, follow these steps to embed your video or playlists on your Canvas pages.

  1. Navigate to your video or playlist in Panopto and hover it with your mouse. When the menu options appear upon hover, click to select Share.
    Panopto Share button
  2. When the Share menu opens, adjust and confirm the Who can access: option is set to Anyone at your organization with the link. You must Save Changes to confirm the access if adjusted. If your access setting was already set to this option, you will not need to adjust or save anything.
    Panopto Access Settings
  3. Now, at the top of the Share menu, click on Embed, and your embed code will appear. It will begin with <iframe src=”https:// followed by a string of custom code for your video or playlist. Select and copy this block of code.
    Panopto code for embedding code in Canvas
  4. Navigate to the Canvas course page where your video will be embedded and open the Rich Content Editor. Place your cursor where you want to video, then select the Insert/edit media icon within your editor, which will open a pop-up.
    Canvas Rich Content Editor, cursor location and Insert/edit media button
  5. Select the Embed tab and paste your custom code block into the field. Click OK to complete this process.
    Canvas Insert/edit media dialog box
  6. Click the Save button.
    Canvas saving edits to page

External Media Embedding

  1. Navigate to the video, playlist or audio file you would like to share and locate the embed code. These sources might include TED talks, Vimeo, YouTube, and SoundCloud to name a few. The embed code is normally labeled “Share,” represented by a curved arrow, or as with Vimeo, a paper airplane.
  2. Select and Copy the embed code.
  3. Navigate to the Canvas course page where your video will be embedded and open the Rich Content Editor. Place your cursor where you want to video, then select the Insert/edit media icon within your editor, which will open a pop-up.
  4. Select the Embed tab and paste your custom code block into the field. Click OK to complete this process.
  5. Save your edits in Canvas.

Learn More