Canvas Guides (en)Canvas GuidesCanvas Student Guide PagesHow do I embed a video in a page in a group?

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

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 Group Navigation, click the Pages link.

View Pages

View Pages

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

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.

Preview Video

Preview Video

Preview your video in the Rich Content Editor.

Save Changes

Save Changes

To save changes to the page, click the Save button.