Instructors: CourseLink Tools

The information on this page is intended for instructors using a CourseLink course site.

H5P

What is H5P?

H5P is a free and open-source content collaboration framework based on JavaScript. H5P is an abbreviation for HTML5 Package and aims to make it easy for everyone to create, share and reuse interactive HTML5 content.

Instructors can develop and share content using eCampusOntario H5P Studio to create interactive videos, presentations, quizzes and timelines.

Visit the H5P website and the eCampusOntario H5P Studio website for more information about its features.

Accounts and Access

H5P is available to instructors using your Guelph email address. Please contact open@ecampusontario.ca if you are unable to access your account.

Creating Content

H5P has over 40 content variations to choose from. Each type of content will have a demo and tutorial to help you create your content.

1. Navigate the menu bar and click Create.

2. Click Tour for a guided tour of the H5P features.

3. Once you have chosen your content type, click install.

A red circle is around the Content Demo button. A red circle is around the install button; the button has a blue arrow pointing down to the left of the text.

4. Click Use to get started on creating content.

A red circle is around the blue "Use" button.

Uploading Previously Created Content

If uploading content from the H5P website to the eCampusOntario website, download the H5P content and click reuse located at the bottom of the module.

1. Navigate the menu bar and click Create.

2. Click upload and choose the file on your computer.

A red circle is around the "Upload a file" button.

Embed H5P Content

H5P content can be embedded on your site using HTML.

1. Click Embed below the content you want to embed.

A red circle is around the "<> Embed" button.

2. Copy the code.

A red circle is around the embed code that you would copy and paste.

3. Click Text on the top right corner to switch to a textual editor and paste the code.

A red circle is around the "Text" button. A red circle is around the embed code text that you would copy and paste.

4. Click Visual on the top right corner to see the embedded content.

A red circle is around the "Visual" button.

5. Click Save.

Source: https://h5p.org/documentation/for-authors/the-basics

Licenses and Other Metadata

The catalogues on can be sorted by license on the eCampusOntario H5P Studio and must be applied when creating content. To add licenses or other metadata, click metadata beside the title. You will be able to add the source URL, authors, date and license extras in the metadata interface.

Additional Resources

Embedding Items



Need More Help?

If you're still having trouble, please contact the CourseLink Support team for assistance.