Using H5P in Moodle

Can anyone describe step by step process for putting H5P content into a page or lesson plan in Moodle?  Moodle pages seem to allow for upload of media files like video or audio but do not see option to upload content like H5P.  I have the H5P plug in installed and I can upload H5P content onto course but not in the context of a page or lesson plan. 

BV52's picture

Hi cjaffe,

This documentation is a good place to start. Please note that H5Ps in Moodle previously did not have the option for embed. Hence the document points to contents embedding from H5P.org. Late last year an update to H5P for Moodle has been released that will let you embed contents that where created in Moodle. 

-BV52

Thank you.  So I am still unclear as to how I can import an H5P file directly into a page.  The documentation simply shows how to import a file into a course.  I want to create pages of content that are seemless and I do not see how to do this.  Moodle pages only have option to import a video or audio file or a link.  Is this now possible and how do you do it?

BV52's picture

Hi cjaffe,

To place an H5P content in a page in Moodle you have to embed it as an Iframe. What I have done is create a "dummy" course (Screenshot 1). I use this as a repository of H5P contents. Once I have done this below are the steps to make it work in a page.

1. Copy the embed code from the content you created (screenshot 2)

2. Create the page.

3. Expand the content menu and click on the HTML button </>.

4. Paste the embed code inside the content body (screenshot 3).

5. Click the HTML button again to check if the content will show (Screenshot 4).

6. Save and display.

I hope this helps. If you ever get lost the video on the page I mentioned above gives a similar step by step process on how to do it. Just take note that the video was created prior to having the option to embed from Moodle. The tutorial shows that the content is imbeded from H5P.org instead of Moodle. Since the upgrade in November 2017 it is now possible to embed contents that are created in Moodle.

-BV52