LearnBook is now availalbe on Moodle 3.9 which brings a number of new and exciting features to the platform.

We will be upgrading our retail clients currently using Moodle Version 3.7 to 3.9 overnight on the evening of the 4th Feb 2021.

Our enterprise clients will be upgraded by arrangement

Articles in this section

See more

Embedding H5P Content onto the course page

  • Updated

We noticed that when adding H5P content that this provides a link. What we need is instead of a link to a H5P activity, we would like this activity to be embedded on the course page. Is this possible?

Solution

Step 1.  Display the H5P link that is in your course

H5P_Link.png

Step 2. Select Turn Editing On from the COG button in the top right hand corner

H5P_EditOn.png

Step 3. Click on the H5P link

H5P_SelectLink.png

Step 4. At the bottom of the H5P activity, click onto Embed.

H5P_SelectEmbed.png

 

Step 5, Copy the entire Embed link

H5P_SelectEmbedLink.png

Step 6. Return back to the course and Add an activity or resource.

 

H5P_AddActivity.png

Step 7. Select the resource Label

 

H5P_AddLabelActivity.png

Step 8. Select the Edit HTML Source button (Edit HTML Source button enlarged).

See Step 8a if there is no Edit HTML Source button

 

H5P_AddHTML.png

Step. 8a  If there is no Edit HTML Source button, select My Dashboard

H5P_MyDashboard.png

Step 8b Select Preferences

H5P_Preferences.png

Step 8c. Select Editor Preferences

H5P_EditorPreferences.png

Step 8d. Select TinyMCE HTML editor and Save changes

H5P_EditorPreferences1.png

 

Step 9. Enter the code from Step 5 and select Update

H5P_AddHTMLEditor.png

 

Step 10. Select Save and return to course at the bottom of the Label

H5P_Save.png

Step 11. With the topic heading containing the H5P link, select the Hide Topic option from the Edit menu

 

H5P_Linkh5p.png H5P_Linkh5p1.png
Topic section will be hidden from the students on the course page H5P_Linkh5p2.png

Step 12. With the topic hidden from students, select Edit next to the H5P activity and select Make available 

 

H5P_Linkh5p3.png H5P_Linkh5p4.png
Topic section will be hidden from the students but the activity will be available even though it is not displayed on the course page H5P_Linkh5p5.png

 

Step 13. The H5P activity is now embedded and visible to the students. The original link is still required (do not delete this link) and is available to students on the course page but it is hidden from the students.

H5P_ActivityEmbedded.png

 

 

 

 

 

 

 

 

 

 

Related articles