Skip to Main Content

University Library

LibGuides

Library Research Tutorials

Home of the video tutorials made by the Teaching, Learning and Academic Support (TLAS) team.

How to embed videos to your Canvas page

If you think your students would benefit from these videos, please feel free to embed a video in your Canvas course by following the instructions below.

These instructions are for adding Media Space videos using Media Space's embed function.  To add videos from different platforms, you will need to find alternative instructions for finding those videos' embedding code.

  1. Find the video you want to share and use the Media Space link to go to the video's webpage

Screenshot of the 'How to Search in the Library Catalog' video tutorial from the "Searching the Library Catalog and Easy Search" page of this library guide. Below the thumbnail of the video tutorial, an orange arrow points to a hyperlink to the video tutorial's page on Media Space.

2. Under the video on the Media Space page, there is a row of tabs that read "Details", "Attachments" and "Share". Click the "Share" option. You may need to scroll down slightly to see this row of tabs.

Screenshot of the video page on Mediaspace for the How to Search the Library Catalog video tutorial. Below the video, tabs for 'Details,' 'Attachments,' and 'Share' are visible, with the 'Share' tab highlighted. An orange arrow points to the 'Share' tab."

3. Scroll down slightly to see the Share options better. Select the middle "Embed" option from the top row of tabs.

In the video's "Share" tab on its Mediaspace page, tabs for both an embedded video link and an email link are visible. An orange arrow points to the "embed" link tab, and a text box with the embed link is visible

4. On the Embed page, you can simply right click and copy the grey highlighted text in the box.

An orange cursor hovers over the embed link for the Mediaspace video, which is highlighted in light blue and accompanied by a text bubble that says "Copy link to share."

Alternatively, you can customize the embedding code to better fit your needs. Below the embed code you can:

  • Set specific start and end times if you only want students to watch a segment of the video
  • Adjust the player size to make the video bigger or smaller on your Canvas page

5. On your Canvas Course, open the page that you want to add the video to and enter the "Edit" mode.  Place your cursor in the location you want the video to appear and choose the select the vertical line of three dots on the end of the top row:

Screenshot of edit mode on a Canvas course page. Formatting options are visible above a text box. The rightmost option in the first row, three dots stacked vertically, is highlighted by an orange callout with an orange arrow pointing to it.

6. Select the cloud icon

Screenshot of edit mode on a Canvas course page. Formatting options are visible above a text box. The rightmost option in the second row, a cloud icon, is highlighted by an orange callout with an orange arrow pointing to it.

7. The embed code box will appear. Paste the embed code that you copied from the Media Space page into this box. Hit submit when you are done.

Screenshot of edit mode on a Canvas course page. A pop-up window titled "Embed" covers the page. An orange arrow points to a text box where embed code is pasted.

9. Be sure to add the link to Media Space page under the embedded video so students can access the transcript and other accessibility files associated with the video. This is also helpful for students if the embedded video isn't working correctly for them due to browser issues etc.

Screenshot of a library video tutorial embedded into a Canvas course page. Below the video thumbnail, an orange arrow points to the video link, which is outlined by an orange box.

8. Click "Save" if you still have work to do on the page, or, if the page is ready for viewing, click "Save & Publish" Your video is now viewable in your canvas page!