Panopto: Embed Video in Canvas or on a Webpage

Tags Panopto

Summary

Follow the instructions below to find out how to embed a Panopto video on a website outside of Canvas. If you are embedding Panopto content in your Canvas course, please follow these instructions instead.

Finding and copying the embed code for a video

Within the Panopto on the web or within the Panopto interface in Canvas, navigate to the folder that contains the video you want to share.

  • Click the Share button for the video. This can be found by hovering over the video in the Panopto browser or by clicking on a video and looking for the share icon in the top toolbar.

  • Click the Share tab on the left of the settings window

  • “Link | Embed” appears at the top of the screen. Click Embed

  • This will open the Video Embed Options table 

  • Click the Copy Embed Code button 

Placing the embed code in Canvas or on a webpage

  • Select View and then HTML editor. Paste the embed code in the Canvas editor in a module, assignment, announcement, or anywhere you can edit content using the WYSIWYG HTML editor in Canvas.

  • Click save 

  • To save on a webpage, paste the embed code on the page using the HTML editor and hit save. 

Changing settings for embedded videos

  • You can change embed options before copying and pasting the embed code in Panopto. These settings also apply when you're adding a video to a Canvas course using the WYSIWYG content editor in Canvas.

  • Things you can change before embedding a Panopto video

  • Aspect Ratio 

  • Width (px) 

  • Height (px) 

  • Start At (time) 

  • Show Captions

  • Interactivity (search and rating, comments, etc) 

    • Leaving search and rating on will allow viewers to use the search tool in the video. Ratings are automatically set to off system-wide in Panopto and cannot be turned back on.

    • Turning off all interactivity will only allow your viewers to watch the video and nothing else.

  • Auto-play 

  • Enable “Watch in Panopto” button 

    • Turning this setting on will allow users to pop out of Canvas and watch the video within the Panopto web interface instead.

  • Shot Title of presentation 

  • Show Logo with presentation 

Details

Article ID: 125582
Created
Sun 1/24/21 10:22 AM
Modified
Fri 10/7/22 12:08 PM
Environment
Panopto

Related Articles (6)

How to add a PDF to a Panopto video. PDFs show up as a stream source within the video but are not downloadable.
How to add a Panopto Video menu button on the left-hand menu of a course in Canvas.
How to download the Panopto desktop recorder.
This article describes where Zoom Cloud recordings go in Panopto.
How faculty and staff can log into Panopto.
How to use the Discussion, Notes, and Bookmarks feature in the Panopto video player as a student.