How do I embed a video in a page in my course?

Canvas recently introduced a new page design called the New Canvas User Interface (UI). Depending on your Canvas view, your page design may vary from the images shown in this lesson. However, the functionality and location of the components remain the same.

Canvas lets you embed video content within a Page. Learn more about the accepted media (audio and video) file types in Canvas.

Open Pages

Open Pages

In Course Navigation, click the Pages link.

View Pages

View Pages

Pages is designed to open to the front page for the course, if there is a front page selected. Click the View All Pages button to select a page from the Pages Index.

Open Page

Open Page

Click the title of the page you wish to open.

Edit Page

Edit Page

Click the Edit button.

Launch the HTML Editor

Launch the HTML Editor

Click the HTML Editor link to launch the HTML editor.

Copy the Embed Code

Copy the Embed Code

Locate the code from the external video source you wish to use. To do this, find the Share option [1] on the frame of the video and look for the Embed option [1]. For the best user experience, embedded videos should be no larger than 560 pixels wide [3].

Paste the Embed Code

Paste the Embed Code

Copy the displayed embed code for the video content and paste it into the HTML editor in Canvas.

Save and Publish

Save and Publish

If you are ready to publish your page, click the Save & Publish button [1]. If you want to create a draft of your page, click the Save button [2].

Note: If you try to navigate away from a page without saving, you will generate a pop-up warning.

Publish Button

When your page is saved in a draft state, you can return to the page and publish it at any time by clicking the Publish button [1]. The button will change from gray to green [2].