Embed Individual Audio/Video

Getting the Embed Code

1. Click Watch & Discuss.
2. Click the Share icon in the top right hand corner.
3. Customize the appearance of the player by checking/unchecking the following three options:

• • Add the “discuss this media” button under the minimal player. This includes a link below the media player so users can easily go to the CLAS application to participate in annotations/comments.
  • Conserve vertical space as much as possible (“audio only player”). This will customize the player to only display the media player bar.
  • Tiny embed (show only a play button). This will customize the player to only show the play button.

5. Control the media play settings:
   • Limit the maximum number of times a media can be played within x number of seconds.
   • Determine the start time of where the media should start and stop playing.
6. Copy the embed code and paste it where you want the video to be embedded.

Embed Media Inside Canvas

Log into Canvas and go to the course you want to embed CLAS in.

1. Click on Pages from the left hand menu.
2. Click on the + Page button located on the top right corner.
3. Include a title for the page you are creating (e.g. CLAS).
4. Switch to the HTML editor.
5. Paste the embed code in the HTML editor.
6. Click Save & Publish.

Note: You can include the page in a Module, refer to the Canvas instructions here.

Embed CLAS Inside UBC Blogs

Log into UBC Blogs and go to the Dashboard of the blog you want to embed CLAS in.

1. Click Pages from the left hand menu.
2. Click Add New.
3. Include a title for the page (e.g. CLAS).
4. Switch to the Text editor.
5. Paste the embed code in the Text editor.
6. Click Publish.