How do I embed iFrame videos using the Rich Content Editor?

Open the Rich Content Editor using one of the Canvas features that support the Editor.

Click the Insert Media icon.

The media window defaults to the General tab.

To embed the video using a direct URL source, paste the URL for the video in the Source field [1]. The video's dimensions will automatically populate the Dimensions fields [2]. The Dimensions fields can be used to resize the video. If you want to maintain height and width proportions when changing the video dimensions, click the Constrain proportions checkbox [3].

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

When you use the Embed tab, the General tab will automatically update the Source and Dimensions fields according to the content in the embed code.

To insert advanced options for browsers that don't support the source video encoding, click the Advanced tab [1].

To specify an alternative source for the video, enter the URL in the Alternative source field [1]. Alternative source URLs can be used to specify a different video encoding in case the browser doesn't support the initial encoding offered.

To specify an image that displays until the user clicks the play button, enter the URL in the Poster field [2]. 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.

To close the media tool, click the Ok button.

Preview your video in the Rich Content Editor.

To save changes to your course content, click the Save button.