Skip to main content

Embed an H5P Activity into another Activity

Learn how to embed H5P content to enrich another resource

Updated over 7 months ago

Purpose

The purpose of this article is to provide step-by-step instructions for embedding an H5P activity into another Moodle activity

Procedures

  1. Make sure editing in on

    Button labeled Edit mode

  2. Go to the H5P activity in your course and click the three dots on the far left

    Three vertical dots
  3. Select Hide

    Open eyeball icon next to the word HIDE

  4. The activity will be marked as hidden from students

    H5P Activity as deiplayed on course page - hidden from students

  5. Click on the three dots again and then choose Make available

    Make available option selected

  6. Next choose Edit settings

    Edit settings button

  7. Go down to H5P options and check the box next to Embed button

    H5P options section with Embed button checkbox checked

  8. Choose Save and display when you save

    Button labeled Save and display

  9. Scroll to the bottom of the activity page, find <> Embed, and click it

    Button labeled Embed

  10. Right click and Select all the text (or use the Control A or Command A keys on your keyboard)

    Embed code selected

  11. Then right click and copy

    Embed code ready to copy

  12. In the description box of the activity in which you wish to embed the H5P activity, click the </> button on the ribbon

    Embed icon on the description box ribbon
    Close-up view of the Embed icon on the description ribbon

  13. HTML text will appear

    HTML text

  14. At the end of the HTML code, paste the embed code for your H5P content

    Paste of additional embed code
  15. The code will appear. Save your changes

    Buttons labeled Save and return to course and Save and display

  16. The H5P activity will display in your primary activity. Below, an H5P collage activity is embedded in a forum post

    Display of H5P collage activity

  17. The H5P content should remain hidden and made available as mentioned before

H5P shows as hidden from students

Did this answer your question?