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 covers how to embed media using a Safari or Firefox browser only. If you are using Chrome or Edge Browser, refer to the embedding media using a Chrome or Edge browser lesson.
Open Studio in 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
To search for a video or audio file, click the Search button [1].
To filter results, click the Filter button [2].
To sort by created date or name, click the Sort button [3].
To show collections only, click the Show Collections only checkbox [4].
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: You can also upload and embed new media using a Chrome or Edge browser.
Select Media
To select the media, click the media thumbnail.
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
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
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
Click in the video window to display the Studio Media Options pop-up. Then, click the Studio Media Options link.
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
If the media includes a video quiz and you want to embed the media with the quiz, click the Embed Quiz drop-down menu [1].
To embed the media, click the Embed Media button [3].
To cancel and select different media, click the Cancel button [4].
Note: If the selected media does not include a quiz, the Embed Quiz drop-down menu does not display.
Manage Media
To preview your embedded video in the Rich Content Editor field, click the Play button.
Save Changes
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].
