Body
Overview
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.
Instructions
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 click 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
-
Auto-play
-
Enable "Watch in Panopto" button
-
Shot Title of presentation
-
Show Logo with presentation
-
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.