Embedding a Panopto Video

Introduction

This guide explains how to embed a Panopto video. Embedding a video allows it to play directly on the page without requiring viewers to open a separate link. It improves accessibility and keeps the viewing experience seamless.

Step-by-Step

1. Login to Panopto: St. Petersburg College Panopto Login
2. Open your video in Panopto. This might be a video you recorded in Panopto, or it might be a video you recorded elsewhere and uploaded to Panopto. 

3. Click Share. In the video library, hover over the video and select the Share button.
   
   The Share settings allow you to copy different types of links or embed codes.

4. Select the Embed button at the bottom of the window.
   

5. Edit Embed options (if needed):
   1. Aspect Ratio: dimensions of video
   2. Enable "Watch in Panopto": Enables viewers to open the video in Panopto directly
   3. Show Title: Shows the title of the video while it's playing
   4. Show Logo: Shows the Panopto logo while the video is playing
   5. Responsive embed: If toggled on, this option will automatically adjust the size of the video based on the size of the viewer's window, ie: smaller for mobile, etc. 
      

6. Select Copy Embed Code: This will copy the embed code for your video to your clipboard.

7. Paste the Embed Code: 

   1. Navigate to the video's intended destination: If you're embedding a video in your Canvas course, navigate to the appropriate spot in Canvas. If you're embedding a video in your Instructor Page, navigate to your Instructor Page and edit it. 

   2. Paste the embed code into the page's HTML. The embedded player will be inserted. 

   3. Save changes. 

Tips:

If your video doesn’t display, double-check that:

• You selected Embed (not Link) in Panopto.

• The video’s sharing permissions allow viewers in your course to access it.

Have Questions? Contact the Academic Technology Support Team

atst@spcollege.edu

 Phone at 727-341-3500

(Hours: Monday - Friday 8:30 a.m. - 4:30 p.m. EST).

After-hours or weekend assistance? Contact the Technical Support Center at 727-791-2795 or onlinehelp@spcollege.edu

Want to Schedule a One-on-One or Group Session on Canvas or other instructional technology issues or opportunities?

Schedule 1:1 Support Help with a Member of the Academic Technology Support Team