Embedding a Panopto Video and Folder

embed.jpg

Copying Panopto video and folder Embed codes

Copying a Video Embed Code

  1. In a web browser, go to ssmd.ca.panopto.com.
  2. You'll be directed to log in using your Western credentials, then taken to Panopto's home page.
  3. Within your "My Folder" or another designated folder, hover your mouse over the video you wish to share and select the "Share" button.
  4. Under "Who can access this video," select "change." 
    1. To make your video available for individuals outside of Western or so that the video doesn't need the user to log in to Panopto, select "Public (unlisted)."
    2. To make your video only available to those with Western credentials and request them to log in, select "Your organization (unlisted)."
  5. Select your desired permission. View Panopto's guide on video share permissions to learn more.
  6. Select the purple embed icon, adjust your embed's settings, then click "Copy Embed Code." 

panopto-embed-video.png

Copying a Panopto Course Folder Embed Code

Please follow our in-depth guide and best practice for embedding a course folder into OWL as a Panopo Portal.

  1. In a web browser, go to ssmd.ca.panopto.com.
  2. You'll be directed to log in using your Western credentials, then taken to Panopto's home page.
  3. Within Panopto, find the course folder you wish to embed using the "Browser" icon on the left panel.
  4. Click the "Share" icon on the top right within the course folder.
  5. Be sure the course folder has the desired share permission set.
  6. Next to "Who can access this video," select "change." 
    1. To make the folder available for individuals outside of Western or so that the video doesn't need the user to log in to Panopto, select "Public (unlisted)."
    2. To make the folder only available to those with Western credentials and request them to log in, select "Your Organization (unlisted)."
  7. Select your desired permission. (View Panopto's guide on video share licenses to learn more).
  8. Select the purple embed icon, change the width to "1440" pixels, adjust your other embed settings, then click "Copy Embed Code."  

panopto-embed-folder.png

Embedding Panopto Videos to Other Platforms

Embedding a Video within Your OWL (Brightspace) Lesson

  1. Login into OWL (Brightspace) and enter the course, unit, and lesson you want the Panopto video to be embedded.
  2. Within the section, click on the three dots in the top right, then click "edit".
  3. Within the editor, click on the "Insert Stuff" icon.
  4. Scroll down to "Enter Embed Code".
  5. Paste your Panopto video embed code, then click "Next".
  6. Review the video, then click "Insert".
  7. Within your lesson, check that your video is visible and playable in student mode. 

brightspace.insert.stuff.png

bright.space.embed.png

Embedding a Video within Your OWL (Sakai) Lesson



  1. Login into OWL and enter the course and lesson you want the Panopto video to be embedded.
  2. To the right of your chosen lesson, click the plus icon (or the add content icon). 
  3. A vertical menu will appear. Select "Embed Content on the Page."
  4. Paste your Panopto video embed code into the bottom text field and click "Save" to preview, then click "Save" again to submit.  
  5. Within your lesson, check that your video is visible and playable.

 add-content880.png

owl_embed880px.png

Embedding a Video within Articulate Rise 



  1. Login to Articulate Rise, and enter the module and lesson you want the video to be embedded.
  2. Within the lesson, open the Block Library by selecting "All Block" at the button of the page, selecting the "Multimedia" category, then the "Embed" block.
  3. Hover over the newly added Block and click "Edit" in the top left corner. 
  4. Under the "Content" tab, click change. Paste the Panopto embed code into the text field.
  5. Hit enter on your keyboard and close the "Edit" panel.
  6. You should see your video embedded. Check that your video is visible and playable within your lesson.

rise-block880.png

Embedding a Video within Cascade CMS

  1. Log in to Cascade CMS and enter the page where you want to embed a video.
  2. At the top of the page, click "Edit."
  3. Select the "insert/edit media" icon within the WYSIWYG editor toolbar.
  4. Under the "Embed" tab, paste your embed code to the text field, then click "Okay."
  5. Click on the vertical ellipses to "Advanced Submit," then click "Submit."
  6. Check that your video is visible and playable within the draft. 
  7. When ready, select "Publish" at the top, then recheck the video once you've published it.

cascade-tool880.png

Embedding a Video within Elentra LMS

elentra880pwidth.png

  1. Log in to Elentra and enter the course and page where you want to embed a video.
  2. At the top of the page, click "Edit Page."
  3. Select the "embed media" icon within the WYSIWYG editor toolbar.
  4. Paste your embed code to the text field, then click "Okay."
  5. Check that your video is visible and playable within the draft. 
  6. When ready, select "Save" at the bottom right, then recheck the video once you've published it.

elentra.embed.880pwidth.png