H5P in Canvas

H5P is an abbreviation for HTML5 Package and allows you to create rich interactive content easily and quickly on a content page. Staff can create a H5P account within the UoM domain and synchronise it to Canvas.

Activate and connect your H5P account in Canvas

To activate your account, you must login to Canvas and create H5P content as an External Tool in a Module. This action will activate and link your H5P account to your Canvas account.

Note: All steps listed below must be completed for H5P to be correctly synchronised in Canvas.

We recommend using your Playpen subject to create and test new content, then copy this content to your current subject when ready.

  1. Log in to Canvas and navigate to your Playpen subject from the Dashboard.
  2. Click the Modules link from the subject navigation menu, then click Add Module in the top-right of the Modules page.
Add Module button
Add Module button
  1. The Add Module window will display. Enter H5P in as the Module name and click Add Module to save.
  2. The new Module will appear at the bottom of the page. Scroll down to your H5P Module and click the Add New Item icon (displayed as a plus + symbol).
Add Module Item
Add a new Module Item to the H5P Module
  1. The Add Item window will display. Select External Tool from the dropdown, and then scroll down to choose H5P.
Select H5P as External Tool
Select H5P as External Tool
  1. The H5P window will display, labelled 'Link Resource from External Tool'. Click the blue Add Content button.
Add H5P content
Add H5P content
  1. For this example, we will add a new True/False Question. Scroll down, or type ‘True’ into the Search for Content Types field and click on True/False Question.
Selecting a H5P content question
Selecting a H5P content question
  1. Enter the question details following the below example:
    1. Title: True or False question
    2. Question: The sun rises in the East
    3. Correct Answer: Select True
  2. Click on Save and Insert.
New H5P question
New H5P question
  1. The information will be added to the Add Module Item window. Click the Add Item button to save.
  2. H5P will now be synchronised with Canvas across the University of Melbourne H5P domain.
Add H5P content to Module
Click Add Item to insert the H5P content to the Module

Further information

H5P offers the following guides on setting up content in different areas of Canvas:

These tutorials will guide you through creating content in H5P:

This guide was last updated 11 Sep 2020.
Please report any errors or omissions in this guide by submitting an LMS support request.

Print this guide