Skip to Main Content

Create content - H5P

Create engaging and interactive content using H5P in Moodle.

About embedding H5P content

You can embed H5P content into other activities and resources such as a Lesson, a Page or a Book. For content types which allow grading and tracking, follow Method 2 below to record grades and attempts in Moodle.

Method 1: Embed H5P without grades

To embed H5P from the Content bank:

  1. Select the activity or resource where you want to embed the H5P content.
  2. Navigate to the position where you want the H5P to display.
  3. Select the H5P button in the Atto editor, then select Browse repositories.
    Atto editor with H5P icon highlighted
  4. Browse the Content bank repository and select the H5P file you want to use.
  5. Choose to either Make a copy of the file or Link to the file.
  6. Select this file.
  7. Select Insert H5P.

For further information about Make a copy of the file and Link to the file, see Add H5P activity to Moodle.

Method 2: Embed H5P with grades

 

To embed H5P from the H5P activity:

  1. Create the H5P as a Moodle activity. Ensure that:
    • H5P options - enable Embed button
    • Common module settings - for Availability, select Make available but not shown on module page
  2. Go to the H5P activity which you have created. Select the <> Embed button
  3. Copy the embed code by hovering over the coding, then right click on your mouse, select Copy. Alternatively, navigate to the coding, press Ctrl A on your keyboard to select all and then Ctrl C to copy.
    embed code
  4. Select the activity or resource where you want to embed the H5P content.
  5. Navigate to the position where you want the H5P to display.
  6. Select the Show more button in the Atto editor to expand the options.
  7. Then select the HTML button.
  8. Paste the coding in the text area by pressing Ctrl V on your keyboard.
  9. Select Save changes.

Note: Viewing grades and student attempts for embedded H5P

  • In the Grader report, the embedded H5P will be named after the H5P activity created on the module page. It is recommended that you name the activity sensibly so that students can relate the name to the embedded content.
  • For lecturers to view student attempts, go to the related H5P activity on the module page and select Attempts report on the top menu.
  • For students to view their own attempts, go to the grader report and select the name of the H5P activity. That will take them to the Attempts report page.
Creative Commons Licence
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License