Skip to main content

Embed an External Video into a Canvas Page

Updated

Article Menu

Click the links below to navigate to specific areas in this article:

There may be times when you want to use an external video in your Canvas course. ​​You can embed videos from external sources such as YouTube or Vimeo directly into Canvas pages, assignments, discussions, quizzes, and announcements.

UCLA Extension recommends embedding videos using the embed code or a hyperlink.

Embed a Video using Embed Code

  1. To go to the page where you want to insert the video, click Modules in the course menu at the left.
    Modules.png
  1. Click Edit.
    _edit canvas page_.png
  1. Add context to your video explaining what the video is about.

Add context to Canvas page.png

  1. In a separate browser tab or window, go to the website where you found the video.

You Tube URL
a. For YouTube, right-click on the video and select Copy Embed Code.
YouTube embed code

b. For Vimeo, click the share icon next to any video, in grid or list view, and choose Copy embed code.

 

_VimeoShareMenu_.png


c. Click in the text box for the Embed code and copy all the text.Vimeo embed code copy ALL the text

For all other video sites, follow the instructions on each specific website.

  1. Once you have copied the embed code, return to Canvas and click the Embed tool in the Rich Content Editor.
    Embed icon.png
  1. In the Embed Code box that appears, paste the code that you previously copied.
  2. To close and add the embed code, click Submit.
    embed code displayed
  3. Click Save and Publish or Save.
    Save and publish.png

Embed a Video using a Hyperlink

To embed a video from an external source using a hyperlink, follow these steps:

  1. To go to the page where you want to insert the video, click Modules in the course menu at the left.
    Modules.png
  1. Click Edit.
    _edit canvas page_.png
  1. Add context to your video explaining what the video is about.
    Add context to Canvas page.png
  1. In a separate browser tab or window, go to the website where you found the video.

    a. For YouTube, right-click on the video and select Copy video URL.
    Copy Video URL

    b. For Vimeo, click the share icon next to any video._VimeoShareMenu_.png

    c. Click in the text box for the link and copy all the text.Vimeo copy all the text

For all others, follow the instructions on each specific website.

  1. Once you have copied the code, go back to Canvas and highlight the text you want to link.
    highlight text you want to hyperlink.png
  1. On the Rich Content Editor, click the hyperlink tool.
  2. Click External Link.
    add hyperlink on Rich Content Editor
  1. In the Insert Link box that appears, click in the Link field and paste the URL that you previously copied.
  2. To close and add the URL, click Done.
    Insert link menu
  3. Click Save and Publish or Save.
    Save and publish for hyperlink.png

Related Articles