D2L Help Articles

Find help articles on specific D2L tasks related to Themepack.

How To Add A Panopto Video

Learn how to add a Panopto video to your course.

Step by Step:

  1. Navigate to the page where you wish to add a Panopto video.

    step 1
  2. From the dropdown, select the "Edit HTML" option.

    step 2
  3. Select the area that you want to add the Panopto video.

    step 3
  4. From the editor toolbar select the "insert stuff" button.

    step 4
  5. Scroll down from the "Insert Stuff" dropdown and select "Panopto Embed".

    step 5
  6. The Panopto popup will appear. You may choose a video from your folder.

    step 6
  7. To select a different folder, click on the drop down to access other folders.

    step 7
  8. After selecting the correct folder, select the video you want on the page. Then click the "Insert" button.

    step 8
  9. A new popup with a preview will load. Ensure that the video is correct, then click the "Insert" button.

    step 9
  10. You should now see the Panopto video embedded on the page.

    step 10
  11. Drag your mouse over the video so it is highlighted, showing you've selected the Panopto video.

    step 11
  12. While the video is selected, click on the "view source code" button.

    step 12
  13. The Panopto HTML code should be highlighted in blue.

    step 13
  14. Replace the code around the <iframe> with the code for a media-container. (For an example, see the Media Container article)
    Please note that the <iframe> code remains the same, only the HTML around the <iframe> should change.

    step 14
  15. Save your changes.

    step 15