how do I embed streaming video in canvas

Answer

Canvas lets you embed video content within a page.

Notes:

  • Canvas only supports secure video URLs (HTTPS) for embedding.
  • Video playback defaults to the lowest resolution quality. Users can manage video playback options in the video settings menu.

Open Pages

Open Pages

In Course Navigation, click the Pages link.

View Pages

View Pages

Pages is designed to open to the front page for the course, if there is a front page selected.  To select a page from the Pages Index, click the View All Pages button.

Open Page

Open Page

Click the title of the page you want to view.

Edit Page

Edit Page

Click the Edit button.

Open Insert Media Tool

Open Insert Media Tool

Click the Media icon. You can upload and embed media files from your computerexternal sourcesYouTube, or Canvas.

Note: Media will be inserted at the location of your cursor in the Rich Content Editor.

Save Page

Save Page

Click the Save button.

 

Locating Streaming Video Embed Codes

If you need assistance finding a code, or wish to embed a playlist, contact our Online Learning Librarians at onlinelibrary@uwosh.edu for assistance.

 

UW Oshkosh Libraries' Streaming Video Page

Click on the film you want to embed. To the right of the video, note the Database where the video appears and click the Direct Link to go to the title in the database. Then, follow the instructions below to find and copy the embed code in that database.

 

A screenshot of Polk's Streaming Video Page with the direct link highlighted.

 

Films on Demand

Find the full video or segment you want to embed. Under the video player, click Link. Choose the Embed Size (small or medium recommended for easiest viewing in Canvas). Then, click the Copy button next to the Embed Code to copy the embed code to your clipboard. Paste the code into the Insert/Edit Media tool in Canvas.

 

Screenshot of a video in the Films on Demand database with the Link option highlighted 

Screenshot of the Films on Demand database with an embed code highlighted

 

Kanopy

Clicking the direct link to a Kanopy video from the Streaming Video page will open the video in full screen. To find the embed code, click "Watch More on Kanopy" at the top of the video to enter the database.

Screenshot of video player with Watch More on Kanopy option at top of page

 

Search for the title of the video in the search box at the top of the page. Under the video player, click Share. Then, click the Embed tab. Next, highlight the embed code, then right click + Copy or Ctrl+C to copy the embed code to your clipboard. Paste the code into the Insert/Edit Media tool in Canvas.

 

Screenshot of Kanopy database entry for film Bad Hair with share and embed options highlighted 

Alexander Street Press/Academic Video Online

Click on the Share option in the menu above your video.

 

A screenshot of the Alexander Street Press video interface, with a red box around the Share option in the top menu.

 

Then, click Copy Embed Code to copy the code to your clipboard.

 

A screenshot of the share menu in the Alexander Street Press video database, with a red box around the Copy Embed Code button

 

YouTube

Click the Share button below the video player.

 

A screenshot of the video player in YouTube, with a red box around the Share button

 

When the share options appear, click the Embed icon. 

A screenshot of the YouTube share menu, with a red box around the embed option

 

Click Copy below the embed code to copy the code to your clipboard.

 

A screenshot of the embed code for a YouTube video, with a red box around the Copy option

  • Last Updated Aug 18, 2022
  • Views 383
  • Answered By Joe Pirillo

FAQ Actions

Was this helpful? 1 0