How do I copy an embed code for public display on the web?

In the Media Gallery of a UVACanvas site you own, you can enable the Embed Grab option to generate public embed codes. You can add a video or audio file to the Media Gallery to copy the file's embed code for use in websites outside of Canvas (for example, a departmental website).

Note: You must be the Owner of a file or a collaborator with Co-Editor or Co-Publisher permission to be able to copy the file's embed code. A file's owner can follow the steps in How do I allow someone to view, publish, or edit a file in My Media (opens new window) to add you as a collaborator.

Note: We recommend that you enable the Embed Grab option in your personal UVACanvas Workspace rather than a UVACanvas course site. All files published in a Media Gallery where the option is enabled have publicly-viewable links created for them. If you do not have a Workspace, please request one by filling out the Request a Workspace form (opens new window).

The option should not be enabled in galleries containing copyrighted content, recordings that include students, or student submissions. Please refer to Dissemination and Recording of Course Materials and Activities (opens new window) and UVA's Copyright Policy (opens new window) for more information.

Tip: Follow the steps in one of the articles linked below to embed files from My Media within UVACanvas or a WordPress site integrated into UVACanvas.

Open your Canvas Workspace site.

Screenshot of an example Canvas Dashboard with a Workspace site highlighted.

Navigate to the Canvas Workspace site where you will generate the embed codes.

Tip: If your site does not display on your Dashboard, follow the steps to find it in How do I view all my Canvas courses? (opens new window).

Enable Media Gallery (if not already enabled).

Screenshot of the Course Navigation Menu.

If the Media Gallery link is not already included in your Course Navigation Menu, follow the steps in How do I manage Course Navigation links? (opens new window) to Enable Media Gallery.

Note: If you are an instructor in the McIntire School of Commerce, enable McIntire Kaltura instead of Media Gallery.

Screenshot of links in menu.

Select Media Gallery from the Course Navigation Menu.

Note: To access the Media Gallery tool in a McIntire School of Commerce site, select McIntire Kaltura from the Course Navigation Menu instead of Media Gallery.

Edit the Media Gallery's settings to enable the Embed Grab option.

Select Channel Actions, then Edit.

Screenshot of the Media Gallery page with the Channel Actions menu opened and the Edit option outlined.
  1. Select the three bars (Channel Actions) menu.
  2. Select Edit.

Enable Embed Grab.

Screenshot of the Edit Media Gallery page with the Enable Embed Grab option outlined.
  1. Scroll down on the page to the Options section, and select the Enable Embed Grab checkbox.
  2. Select Save.

Note: With the Embed Grab option enabled, public embed codes will be created for all media in your site's gallery.

Screenshot of the steps described below.

The page will refresh with a message indicating The information was saved successfully. To return to the main page of Media Gallery, either:

  1. Select the Media Gallery link at the top of the page,
  2. Or select the Back to Media Gallery link at the bottom of the page (next to the Save button).

If the file for which you would like to copy the embed code is not already included in the Media Gallery, follow the steps in one of these articles to add it:

Copy the embed code.

Access the Media tab.

Screenshot of tabs in a Media Gallery.

If any playlists have been created in the Media Gallery, the Playlists tab will display as the first page.  If this is the case, select the Media tab to go to it.

Note: The Media tab will display with the number of files currently included in it, e.g., 6 Media.

Select the file.

Screenshot example of files in a Media Gallery, with a video file outlined.

Select the video, audio, or image file.

Select Share.

Screenshot example of a video's Share tab.
  1. Scroll down on the page under the media player.
  2. Select the Share tab.

Note: If the Share tab does not appear, the Details tab will display a down arrow icon. You can select Details to expand the list of tabs, then Share.

Select embed settings. (Optional)

Before copying the embed code, options are available to customize the embedded media player. These options differ slightly for video and audio files. Skip to the step for customizing an audio player.

Customize a video player.

Screenshot showing video settings options underneath the Embed box.
  1. Specify the Start Time for playback by selecting the Start at checkbox, then entering the desired timestamp for the start time. Note: If you scroll up on the page to the media player and pause the video file at the desired start time, you can select the clock icon to the right of the Start at field to Set current video time as start time.
  2. Select the desired Player Skin. By default, the Player with Transcript is selected. If the video or audio file has captions, choosing the default Player Skin will allow viewers to access a transcript of the captions file.
  3. Select the desired Player Size. The default size is 800x510 (800 pixels wide by 510 pixels tall). Available options include 720x450, 800x510, and 1280x800.

Tip: Embedding a Player with Transcript is recommended for accessibility. For more information, see How can I use a transcript in the My Media or Media Gallery video player? (opens new window).

Customize an audio player.

Screenshot showing audio settings options underneath the Embed box.
  1. Specify the Start Time & End Time for playback by selecting the Start at and/or End at checkbox, then entering the desired timestamp for the start or end time. Note: If you scroll up on the page to the media player and pause the audio file at the desired start or end time, you can select the clock icon to the right of the Start at or End at field to Set current video time as start time or Set current video time as end time.
  2. Select the desired Player Size. The default size is 400x134 (400 pixels wide by 134 pixels tall). Available options include 500x134, 400x134, and 300x134.

Note: If the audio file has captions, a transcript will be available for it. For more information, see How can I use a transcript in the My Media or Media Gallery audio player? (opens new window).

Select and copy the embed code.

Screenshot example of an embed code.

Select the code in the Embed box and copy it to your computer clipboard by typing Ctrl + C (in Windows) or Command + C (on a Mac).

Use the embed code in your web page.

Screenshot example of an embed code pasted into a web page's HTML.

You can now paste the embed code into an external web page.