How Do I Add a Video in Canvas?

Summary

It is critical that Canvas users (faculty, staff, and students) not upload audio or video files directly into Canvas. However, UHCL provides all users an Echo360 account, in which they may save their instructional videos and then easily share the videos with others in Canvas courses. Users may also add videos they’ve saved to other cloud-based platforms, such as YouTube; however, the information in this article outlines how to use Echo360 to add videos to your Canvas course.

Environment

Canvas, EchoVideo

Content

The following information assumes that you have already have one or more videos saved in your EchoVideo Library. If not, please review the Knowledge base Article How Do I Add a Video to My EchoVideo Library? before proceeding.

There are several ways by which you can share a video in your EchoVideo Library in a Canvas course, including: (1) Echo360 integration tool, (2) manual embedding, and (3) shareable hyperlink.

Using the Echo360-Canvas Integration to a Video from Your EchoLibrary

1. Access Your Canvas Course
   1. Log into Canvas (via go.uhcl.edu) and click the tile for your desired Canvas course.
   2. Go to the Canvas Modules page and locate the module to which you want to add your video.
2. Create or Select the Page, Assignment, or Discussion in Which You Want to Place the Video
3. Add Item to the Rich Content Editor
   1. Open the page, assignment, or discussion and access the Rich Content Editor (RCE).
   2. Click the Echo360 icon in the row just above the text box.
   3. Click the “Launch Media Picker” link within the Choose existing Content option.
   4. Locate and click the video that you want to add to your Canvas course.
   5. Scroll down and click the Next button.
   6. Click the Embed button
4. When returned to the Canvas RCE page, scroll down and click the Save (or Save & Publish) button.

Adding a Video from Echo360 with Embed Code

1. Access Echo360 Video Library
   1. Log into your Echo360 account (via go.uhcl.ed).
   2. Navigate to your video library where your media is stored.
2. Select the Desired Video
   1. Locate the video you want to add to Canvas.
   2. Click on the video to open its details page.
   3. Locate and click the Share link and icon, locate just beneath the thumbnail video.
3. Copy the Embed Code
   1. On the Share To page, click the “</>Embeds” option.
   2. Click the Create Embed Code button.
   3. Copy the embed code provided for the video.
4. Open Canvas Course
   1. Log into your Canvas account.
   2. Go to the course where you want to add the video.
5. Edit Page or Assignment
   1. Choose or create the page, assignment, or discussion where the video should appear.
   2. Click “Edit” to modify the content.
6. Insert Embed Code
   1. In the Rich Content Editor, switch to the HTML view.
   2. Paste the embed code.
7. Save and Publish
   1. Switch back to the normal view to confirm the video appears correctly.
   2. Click “Save” or “Save & Publish” to make the video visible to students.

Adding a Video from Echo360 with a Shareable Hyperlink

1. Access Echo360 Video Library
   1. Log into your Echo360 account
   2. Navigate to your video library where your media is stored.
2. Select Desired Video
   1. Locate the video you want to add to Canvas.
   2. Click on the video to open its details page.
   3. Locate and click the Share link and icon, locate just beneath the thumbnail video.
3. Copy Embed Code
   1. On the Share To page, click the “Links” option.
   2. Click the Create Share Link button.
   3. Copy the shareable link provided for the video.
4. Open Canvas Course
   1. Log into your Canvas account.
   2. Go to the course where you want to add the video.
5. Edit Page or Assignment
   1. Choose or create the page, assignment, or discussion where the video should appear.
   2. Click “Edit” to modify the content.
6. Insert Embed Code
   1. In the Rich Content Editor, type a short descriptive name (for accessibility) for the video that will serve as the clickable hyperlink.
   2. Highlight the descriptive text.
   3. Click the Links icon in the row above the RCE text box and select the External Link option.
   4. At the Insert Link box, paste the embed code into the Link field and then click the Done button.
   5. Click the Save (Page), Reply (Discussion), or Submit (Assignment) button to finish.
7. Save and Publish
   1. Switch back to the normal view to confirm the video appears correctly.
   2. Click “Save” or “Save & Publish” to make the video visible. NOTE: Students posting to a Discussion or Submitting an Assignment may see the options “Reply” (Discussion) or “Submit” (Assignment) instead of “Save.”

Additional Resources

• Vendor Support Page: Getting Started with Echo360
• Video [Recorded Presentation]: Getting Started with EchoVideo [43:19]
• Video: What is the Canvas Rich Content Editor (RCE)? [5:55]
• Video: Crash Course - Add Echo360 Video to Canvas, LTI Embed [2:16]
• Video: Crash Course - Add Echo360 Video in Canvas, Manual Embed [2:54]
• Video: Crash Course - Add Echo360 Video to Canvas, Shareable Link [2:39]

Need Additional Help?

On behalf of OIT’s Instructional Design and Technology (IDT) team, we hope this tutorial is useful. If you encounter any difficulties or have questions related to this procedure, please contact our colleagues in OIT’s Support Center to have a help ticket created and assigned to the IDT team. You may contact the Support Center via email (supportcenter@uhcl.edu) or by telephone (281.283.2828). 

Once we receive your inquiry, a member of the IDT team will contact you as quickly as resources permit.