Responsive Code Generator

v2.1

This tool will generate a responsive embed code that can be used to insert a Kaltura, Panopto, or YouTube video into any D2L tool that allows embed codes to be entered by clicking the Insert Stuff button, then selecting Enter Embed Code. This includes module pages, homepage widgets, Announcements, Discussion posts, and more.

To generate a responsive YouTube embed code, simply copy the video's URL and paste it into code generator below.

For Panopto videos, you must provide the video's Share link. To find this link:

  1. Select Panopto from the course menubar.
  2. Locate the desired video and move your cursor over it to make additional buttons appear below the title.
  3. Click the Share button. A popup window will appear.
  4. Towards the bottom of the window will be a lock icon next to the words Who can access this video. Click the Change link in this section and select either Your Organization (unlisted) or Public (unlisted). Learn more about Panopto's sharing settings.
  5. At the bottom of the popup window you'll find a button with the words Copy Link. Click this button to copy the Share link, then paste it into the code generator below.

For Kaltura videos, you must provide the video's non-responsive embed code. To find this non-responsive embed code:

  1. Log into D2L and select University Resources > Manage Media from the login page menubar.
  2. Locate the desired video and select it by clicking on its name.
  3. Below the video, select Details > Share. The embed code will appear – copy and paste this into the code generator below.
Select a service:
Additional options: