H5P Content created on h5p.org can be embeded on your websites. Just press "Embed" button below the content and copy the code to your site. Similarly content made in Moodle, can be embedded directly onto your Moodle course. Click on the headings below for the instructions.
1. Embed from h5p.org to Moodle
1. Click on Embed button below the content you want to embed.
2. Copy the code.
3. From your Moodle course and turn Edit mode ON.
4. From any section click Add an activity or resource.
5. Select Text and Media Area.
6. From the text editor, click the arrow from the editor menu.
7. Click the </> icon and paste the code.
8. Click save and return to course.
2. Embed from h5p.org to WordPress
1. Click on Embed button below the content you want to embed.
2. Copy the code.
3. Log in to your WordPress site.
4. After logging in, go to the page where you want to add media. Select the HTML block from the available options.
5. Paste the code.
6. Continue editing the blog and save as usual.
3. Embed content in your Moodle Course directly into Your course
1. Go to your Moodle course and click on the H5P Activity.
2. Click Settings from the red navigation menu.
3. Under Display Options, ensure that Display action bar and frame is checked.
4. Save and Display.
5. Underneath the content, click Embed.
6. Copy the code.
7. Go back to your Moodle course and turn Edit mode ON.
8. From any section click Add an activity or resource.
9. Select Text and Media Area.
10. From the text editor, click the arrow from the editor menu.
11. Click the </> icon and paste the code.
12. Click save and return to course.
This work by Kwantlen Polytechnic University (KPU) is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.