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

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.

Embed iFrame videos using the Rich Content Editor.

The Rich Content Editor is used in features that support the editor (Announcements, Assignments, Discussions, Pages, Quizzes, or Syllabus).

Open the Rich Content Editor

Open the Rich Content Editor

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

Open HTML Editor

Open HTML Editor

Click the HTML Editor link.

Copy Code

Copy Code

You will be copying code from an external video source to paste in Canvas. Locate the control on the frame of the video player that opens and displays the HTML code for the content that is currently loaded in the video player.

Embed Code

Embed Code

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

Save Changes

Save Changes

Click the Save button to save any changes to the post made in the Rich Content Editor.

Note: When using the Rich Content Editor in Assignments, Discussions, Pages, and Quizzes, you have the option to Save & Publish. When using the Rich Content Editor in the Syllabus and Discussions pages, the Save button may appear as “Update Syllabus” or “Post Reply”.

View Video

View Video

View the video.