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

Document created by Canvas Doc Team Employee on Oct 7, 2017Last modified by Canvas Doc Team Employee on Nov 16, 2019
Version 39Show Document
  • View in full screen mode

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

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.

You are here
Table of Contents > Pages > How do I embed a video in a page in a course?
1 person found this helpful

Attachments

    Outcomes