Skip to Main Content
CCSF Library logo Library Locations | Ask a Librarian | CCSF Home

Faculty Guide to Streaming Video

Answers to common questions about streaming video.

Embedding Videos in Canvas

Faculty can share streaming video with students through Canvas and course shells are available for all classes. At the start of each semester, review your Canvas course shell and confirm that your streaming media links are active. Also check the expiration dates for all licensed streaming video included in your Canvas course.

Most streaming video databases generate embed codes that enable students to watch films through a video player within Canvas.  

Note: Upgrade to the new Canvas Rich Content Editor (RCE) to access enhanced media integration capabilities.

How do I embed a video?

Films on Demand is fully integrated with Canvas. Use embed codes to enable viewing within a Canvas page.  Use the Record URL to enable viewing in a new browser window via an external link.

Note: If you are unable to embed content using Films on Demand tools, check to see if your browser is blocking cookies and adjust your settings.

Embed an entire video

  1. Search for videos in Films on Demand within Canvas via the External Tools or Apps icon. Look for the icon in the top navigation bar. undefinedcloud with brackets
  2. Click on the Embed button to add your selected video.
  3. Add instructions for your students. Include an LTI link that opens a new browser window. 

(i.e., "Click on the play button to start the video. If the video does not load in the window below, use this direct link.  Be sure to return to Canvas to complete this module when done watching a video.")

Embed a predefined segment

  1. Go to Films on Demand and search for a video.
  2. Click on the predefined segment.
  3. Click on Share below the video player.
  4. Click on Embed/Link and copy the Embed Code.
  5. Add the Embed Code to your Canvas page using the Embed tool. cloud with brackets

Embed a custom segment

  1. Go to Films on Demand and log in to your personal account under Your Profile.
  2. Click on My Content to view a list of your custom segments.
  3. Identify the desired custom segment and choose Share under Actions.
  4. Copy the Embed code.
  5. Add the Embed code to your Canvas page using the Embed tool. cloud with brackets

Note: Refer to the Clipping section of this guide to learn how to create custom segments.

Embed a playlist

  1. Go to Films on Demand and log in to your personal account under Your Profile.
  2. Click on My Content to view a list of your playlists.
  3. Identify the desired playlist and choose Share under Actions.
  4. Click on Embed/Link and copy the Embed Code.
  5. Add the Embed Code to your Canvas page using the Embed tool. cloud with brackets​​​​​​​

Create a playlist

  1. Locate the desired video or segment in Films on Demand.
  2. Click on Add to+ below the video player.
  3. The Add to Playlist option contains the following features and functionality:
    • Add Full Title - Click on this option to add only the full title to your playlist.
    • Add All Segments - Click on this option to add all segments for a video to your playlist. This will exclude the full title.
    • Individual Segments - Use the CTRL key and your mouse to select as many individual segments as you like.
    • Add To Playlist - Select an existing playlist to add more content.
    • New Playlist - Enter a name for the playlist and click on this button to create a new playlist from the selections.

Make a playlist searchable

  1. Click on My Content to view a list of your playlists.
  2. Identify the desired playlist and choose Edit under Actions.
  3. Click on Settings and check the box Make Playlist Searchable.
  4. Hit the Save Changes button.

Note: Embed searchable playlists via the Canvas External Tools or Apps icon. undefinedcloud with brackets

Docuseek is not integrated with Canvas but embed codes are provided to enable viewing within a Canvas page.

Embed an entire video

  1. Open Docuseek and select your video.
  2. Click the Embed link beneath the video player.
  3. Copy the embed code that appears in the box.
  4. Go to your Canvas page.
  5. Click on the Embed tool. cloud with brackets
  6. Insert the embed code and click Submit.

Add a video link

  1. Add a film poster image to your Canvas page. 
  2. Open Docuseek and select your video.
  3. Click "Embed" beneath the Docuseek video player and copy the Permanent Link. Do not use the LTI Link.
  4. Highlight the poster image.  Select the Links tool in Canvas to add an External Link to the film poster image. Click Save.
  5. Add instructions for your students to the page (i.e., "Click on the film poster to watch the film.")
  6. The Docuseek video player will open in a new window. 

New Day Films is not integrated with Canvas but you can use the library catalog record permalink. Links to films can be added to a Canvas page and will open in a new browser window where the film will be viewed.

Add a video link

  1. Add a film poster image to your Canvas page. 
  2. Search for your video in OneSearch.
  3. Copy the Permalink from the catalog record.
  4. Highlight the poster image.  Select the Links tool in Canvas to add an External Link to the film poster image. Click Save.
  5. Add instructions for your students to the page (i.e., "Click on the film poster to watch the film.")
  6. The New Day Films video player will open in a new window. 

Swank is not integrated with Canvas but links are provided. Links to films can be added to a Canvas page and will open in a new browser window where the film will be viewed.

Add a video link

  1. Add a film poster image to your Canvas page. 
  2. Open Swank and select your video.
  3. Click Share beneath the Swank video player and copy the Direct Link. Do not use the LMS Link.
  4. Highlight the poster image.  Select the Links tool in Canvas to add an External Link to the film poster image. Click Save.
  5. Add instructions for your students to the page (i.e., "Click on the film poster to watch the film.")
  6. The Swank video player will open in a new window. 

Tips

Enter a film title into Google Image Search to find film posters and DVD covers for Canvas.

Lumière is not integrated with Canvas but links are provided. You have the option of adding direct links to a Canvas page that opens in a new browser window or using the *Lumiere Embed Code Template provided below.  Faculty must embed Lumière links in a Canvas page or module.

Add a video link

  1. Open Lumière and search for your video. Add it to the cart and select English subtitles. Name and submit your order.
  2. You will receive an email with a link to add to Canvas.
  3. Add a film poster image to your Canvas page.
  4. Highlight the poster image. Select the Links tool in Canvas and select External Link to add the link to the film poster image. Click Save.
  5. Add instructions for your students to the page (i.e. "Click on the film poster to watch the film. If the video does not load use this direct link.")
  6. The Lumière video player will open in a new window.

Note: Refer to the Clipping section of this guide to learn how to create clips.

*Lumiere Embed Code Template

<p><span style="font-size: 12pt;">If the video doesn't display correctly, try watching the <a href="original URL from Lumiere">Video at the External URL.</a></span></p>

<iframe scrolling='no' frameborder='0' style='width: 100%; height: 512px; border:0;' src='copied video address ending in.mp4' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Kanopy is not integrated with Canvas but embed codes are provided to enable viewing within a Canvas page.

Embed an entire video

  1. Open Kanopy and search for your video.
  2. Click the Share button below the video player and select the Embed tab.
  3. Copy the embed code that appears in the box.
  4. Go to your Canvas page.
  5. Click on the Embed tool. cloud with brackets
  6. Insert the embed code and click Submit.

Note: Refer to the Clipping section of this guide to learn how to create clips.

3C Media Solutions is fully integrated with Canvas. Use embed codes to enable viewing within a Canvas page.

Embed your instructional video

  1. Go to 3C Media Solutions
  2. Search for your instructional videos in 3C Media Solutions within Canvas via the External Tools or Apps icon. Look for the icon in the top navigation bar. undefinedcloud with brackets
  3. Click on the Embed button to add your selected video.
  4. Add instructions for your students to the page (i.e. "Click on the play button to watch the film.")

Library & Learning Resources, City College of San Francisco
50 Frida Kahlo Way, San Francisco, CA 94112 | 415-452-5541

Staff Intranet