cancel
Showing results for 
Search instead for 
Did you mean: 

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

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

Canvas lets you embed video content within a page.

Notes:

  • Canvas only supports secure video URLs (HTTPS) for embedding.
  • Video playback defaults to the lowest resolution quality. Users can manage video playback options in the video settings menu.

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.  To select a page from the Pages Index, click the View All Pages button.

Open Page

Click the title of the page you want to view.

Edit Page

Edit Page

Click the Edit button.

Open Insert Media Tool

Open Insert Media Tool

Click the Insert Media icon.

Note: Media will be inserted at the location of your cursor in the Rich Content Editor.

Insert Using Source URL

Insert Using Source URL

By default, the media window displays the General tab.

To embed the video using a URL, paste the video URL in the Source field [1]. The video's dimensions will automatically populate the Dimensions fields [2]. You can also resize the video using the Dimensions fields. To maintain height and width proportions when resizing the video, click the Constrain proportions checkbox [3].

Insert Using Embed Code

Insert Using Embed Code

To embed the video using an embed code, click the Embed tab [1] and paste the code in the text field [2].

When you insert a video with an embed code, the General tab source and Dimension fields automatically update with information according to the embed code content.

Insert Using Advanced Options

Insert Using Advanced Options

In case a browser doesn't support source video encoding, you can use advanced options to embed your video. Click the Advanced tab [1].

To specify an alternative source for the video, enter the URL in the Alternative source field [2]. Alternative source URLs specify alternative video encoding if a browser doesn't support the initially offered encoding.

To specify a thumbnail image for the video, enter the image URL in the Poster field [3]. If the Poster field is blank, the first frame of the source video will be used as the poster image.

Note: Links from common providers (like YouTube and Vimeo) often link to custom media players and will not recognize any content added to the alternative source and poster options.

Embed Media

Embed Media

To close the media tool and embed your video, click the Ok button.

Save Page

Save Page

Click the Save button.

View Page

View Page

View the video embedded into your page.

Comments

The images shown here are not what shows up in my Canvas page. 

The Insert Media icon does not look like that.  My option is called Record/Upload Media.

When I click on Record/Upload Media, General/Embed/Advanced are not the tabs that are shown.

There's no place to paste the Source.

Dimensions does not appear.

 

Is this because of the recent update?  I still have no idea how to embed a video.

@MadameHudgins it sounds like your school has enabled the New Rich Content Editor. The New RCE will eventually replace the classic RCE (pictured here in this guide), so schools get to choose which one to use. You can read one of these guides (depending on where the video is located) to learn how to upload a video using the New RCE:

How do I upload and embed a media file from my computer in the New Rich Content Editor as an instruc...

How do I upload and embed media from an external source in the New Rich Content Editor?

Let us know if you have any other questions.

Thanks,

- Nathan

These comments are posted to the global Canvas Community,

NOT your Canvas course.

  • Have a question about using Canvas? Visit the Q&A page.
  • Have an idea to improve Canvas? Visit the Idea Conversations space.
  • Need to reply to a course discussion? Log in to your Canvas course and add your comment there (Tip: Visit your school's website to log in to Canvas).
Version history
Revision #:
8 of 8
Last update:
Wednesday
Updated by: