Pima Tech Guides

Pima Tech Guides  /  H5P  /  H5P In D2L

H5P: Embedding Content in D2L

Updated on

Prerequisite: Sign into H5P

1. In the "My Content" section of H5P, select the 3 dots on the right of the content you would like to get the embed code from.

Image of the H5P “My Content” dashboard. An H5P Content example “Anatomy Basics” has been chosen. To the right of the content, the 3 dots icon right after the “Edit Content” icon is highlighted in red with an arrow indicating to select it.

2.Navigate down to "Publish" and select it.

Image on the H5P manage content page. An H5P content is selected. Under the settings to the right of the H5P content, publish is highlighted in red with an arrow indicating to select.

3. Under Publish select Public to get the embed code.

Image on the H5P publish settings. In chronological order, public is labeled 1 and embed code 2. They are both highlighted in red with an arrow indicating to select.

4. Copy the embed code and update the settings.

Image on the H5P publish settings. In chronological order, the embed code link is 1 and update is 2. They are both highlighted in red with an arrow indicating to select.

1. On the D2L content page, navigate to upload/create and select create a file.

Image on the D2L content page. Under upload/create “create a file” is highlighted in red with an arrow indicating to select.

2. From the D2L file page, select the source code in the tool bar on the top.

Image on the D2L file page. In the toolbar on the top of the page, source code is highlighted in red with an arrow indicating to select.

3. Navigate to the <p> and paste the copied embed code in between the two <p>.

Example: <p> Inserted Embed Code <p>

Image on the D2L source code page. On the 6th line <p> is highlighted red with an arrow labeled 1 indicating to paste embed code between the two <p>. Save is labeled 2 and is highlighted in red with an arrow indicating to select after the code has been embedded.

4. Select "Save and Close" once you are satisfied with your content file page.

Image on the D2L file page. Save and close is highlighted in red with an arrow at the bottom of the page indicating to select when finished.

All done! Your new embedded H5P content is now available in D2L.

You are done. Great job!

0 Comments

Add your comment

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Previous Guide H5P: Adding Content with “Insert stuff”
Next Guide H5P: Copy/Import/Clone D2L Announcements With H5P Activities

H5P

H5P Webinars 2
H5P Basics For Students 2
H5P Basics For Instructors/Staff 4
H5P In D2L 4
H5P Smart Import (Generative AI Content Creator) 9
H5P Accessibility 2
H5P Editing 1
H5P Settings 2
H5P Misc 2
H5P Troubleshooting 2

Other Resources

Print Guide
Want Help From A Human? → Contact Us