Sakai Community DocumentationExternal App IntegrationsMedia GalleryHow do I copy embed code for public display on the web?

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

In the Media Gallery of a UVACollab site you own, you can enable the Embed Grab option to generate embed codes.  You can add a video or audio file to the Media Gallery in your site to copy the file's embed code for use in sites outside of UVACollab (e.g., WordPress sites or ePortfolios).

If you already have a UVACollab site with Media Gallery and some videos in it, skip to the appropriate step below:

  1. Have or create a UVACollab site with Media Gallery.
  2. Navigate to your UVACollab site.
  3. Add Media Gallery to your site (if not already present).
  4. Go to Media Gallery.
  5. Edit the Media Gallery's settings to enable the Embed Grab option.
  6. Add your video or audio file to the Media Gallery (if not already added).
  7. Select the video.
  8. Copy the embed code.

Tip: To embed Media Gallery files in a UVACollab site, follow the steps in How do I embed a Media Gallery file in the Rich-Text Editor?

Video Guide

Step-by-Step Instructions

If you do not yet have a UVACollab site created, see What is Site Builder? for steps to get started creating a new site. If you will only be using this site to store videos and generate embed codes, it is recommended to create a collaboration site using the option to create a site from scratch. At the step where you select site tools, select Media Gallery.

Select the site where you will add the videos.

If the Media Gallery tool is not already in your site, follow the steps in How do I add a tool to my site? At the step Select your set of tools, select Media Gallery.

Select the Media Gallery tool from the Tool Menu in your site.

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

Select the Actions menu (three bars icon), then Edit.

Enable Embed Grab.
  1. Scroll down on the page to the Options section, and select the Enable Embed Grab check box.
  2. Select Save.

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

It is not recommended to enable this option in a site with copyrighted materials. Instead, we recommend you create a collaboration site to store all of your publicly viewable media.

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 to refresh the tool,
  2. Or select the Back to Media Gallery link at the bottom of the page (next to the Save button).

Select the + Add Media button.

Note: On mobile devices or small screens, the button displays a plus sign (+).

Select or upload your media.
  1. Select the check box(es) for the media item(s) to add.
  2. At the top of the screen, select Publish.
  3. Or, if you do not yet have media uploaded, select the ADD NEW menu, then Media Upload to upload a new file.

Copy the embed code.

Select the media file.

In the Media tab, select the video or audio file.

Select the Details menu, then Share.
Select and copy the embed code.

Select the code in the Embed box and copy it to your computer's clipboard (CTRL+C on a PC or Command+C on a Mac).

Use the embed code in your web page.

You can now paste the embed code into an external web page, such as a WordPress page or ePortfolio.

View embedded video.

When the page with the embedded video or audio file is posted, you will be able to play it.