How do I embed Canvas Studio media in a Canvas course using a Safari or Firefox Browser?

In Canvas, users can embed media from Canvas Studio in any feature area with the Rich Content Editor, including Assignments, Discussions, and Pages. Media is embedded using the Studio LTI tool. You can select existing media and also upload new media through the Studio LTI tool.

When embedding media in Canvas, you can choose to enable or disable media tabs.  Media tabs give you access to media details, comments, insights, and captions. When media tabs are disabled, embedded Canvas Studio media can be resized in the user interface. Regardless of comments, embedded media views are always included in analytics.

If needed, you can embed YouTube or Vimeo videos at a particular timestamp. Additionally, when embedding media in Canvas, the download option is disabled by default for media you own, but you can choose to enable the download option.

Embedding Media in Assignments and Discussions

If you are an instructor and embedding media in an assignment or a discussion, you may consider disabling comments. For graded assignments, inline comments are not a replacement for submissions and never display in SpeedGrader. For instance, when embedding media in a graded discussion, students could post inline comments, but to receive a grade, they would also have to post a reply to the graded discussion. The discussion reply would display in SpeedGrader for grading. However, comments could be enabled when embedding media in a No Submission or Not Graded assignment.

Embedding Media as a Student

If you are a student, you can embed Canvas Studio media in a discussion reply, a text entry assignment, or a file upload assignment. Media you embed into a Canvas course or group is created as a new copy owned by your instructor. When embedding media, you will not be able to edit any details, so you may want to confirm the name of your media before it is uploaded. Otherwise, you can contact your instructor to modify the details of your media.

Note: This lesson describes the process for embedding media using a Safari or Firefox browser only. Learn more about embedding media using a Chrome or Edge browser.

Open Studio in Rich Content Editor

Open Rich Content Editor

Open any Canvas feature area that supports the Rich Content Editor, such as Discussions, Assignments, or Pages. Click the Studio icon [1]. Alternatively, you can click the App icon [2].

Note: If the Studio icon does not display in the toolbar, click the Options icon [3].

Locate Media

Locate Media

To search for a video or audio file, click the Search icon [1].

To filter results, click the Filter button [2]. Then, use the Filters tray to select and apply filtering options [3].

To view and sort media in your library, Click the My Library drop-down menu [4]. Then, to sort media in your library, click the Sort by drop-down menu [5].

To view media that has been shared by others, click the Shared Library drop-down menu [6].

To view media in use in your courses, click the Course Collections drop-down menu [7].

Upload New Media

Upload New Media

To upload new media, click the Create drop-down menu [1].

To record a screen capture, click the Screen Capture link [2].

To record using a webcam, click the Webcam Capture link [3].

To add a media file from your computer, or from YouTube of Vimeo, click the Add Media link.  [4].

Note: Learn how to upload and embed new media using a Chrome or Edge browser.

Select Media

Select Media

Hover over the media you want to select and click the Select button.

Display or Hide Media Tabs

Display or Hide Media Tabs

You can can display Media Tabs in the embedded media file. The Media Tabs can include the Details, Comments, Insights, and Captions tabs. To display or hide the Media Tabs in the embedded media file, click the Display media tabs toggle on or off.

Note: By default, this option may be on or off. Admins control whether it is on or off by default through Studio Settings.

Set Start Time for Media

Set Start Time for Media

When embedding media from Vimeo or YouTube, you can use timestamp-based embedding. To select the timestamp where the beginning of pertinent content is highlighted on playback, enter it in the Start embedded media at field [1].

Alternatively, you can locate a start time in the media player. To begin play back, click the Start button [2]. The timestamp displays [3]. To navigate through the media, click and drag the time stamp indicator [4]. When the media reaches the desired start point, stop the playback and click the Set Current button [5].  

To reset and set a new start time, click the Reset button [6].

Note: Discussions created directly in a group do not include the embed options for Studio media and do not track viewership data. To view the embed options and viewership data when creating a discussion for a course group, the discussion must be created on the course level then set as a group discussion.

Resize Embedded Media

Resize Embedded Media

To resize media, media tabs must be disabled. To disable media tabs, click the Display media tabs toggle off [1]. Then, click the Embed button [2].

Open Studio Media Options

Open Studio Media Options

Click in the video window to display the Studio Media Options pop-up. Then, click the Studio Media Options link.

Studio Media Options Tray

The Studio Media Options tray displays information about the media, including the media title, and display and sizing options.

You can customize how the embedded media displays. To embed the video directly in the rich content editor, click the Embed Video radio button [1]. To display a text link to open the media in a new tab, click the Display Text Link (Opens in a new tab) radio button [2].

To select a pre-set size from a list, click the Size drop-down menu [3]. Pre-set size options include medium, large, and extra large.

To enter a custom size, select the Custom option [4]. Enter a custom width or height in pixels in the size fields [5]. As you enter a size, the other field will automatically update to preserve the aspect ratio.

To save the selected options, click the Done button [6].

Note: The media title cannot be edited from the Studio Media Options tray. To edit the media title, view the media details.

Embed Media

Embed Media

To embed standard media, click the Standard embed link [1].

If the media includes a video quiz, to embed the media with the video quiz, click the Video quiz embed link [2].

To embed the media, click the Embed button [3].

To cancel and select different media, click the Select Another Video button [4].

Note: If the selected media does not include a video quiz, the Video quiz embed link does not display.

Manage Media

Manage Media

To preview your embedded video in the Rich Content Editor field, click the Play button.  

Save Changes

Publish Media

To publish the Canvas course content that contains the embedded media, click the Save & Publish button [1]. To save the media as a draft, click the Save button [2].