H5P Content Creation

Interactive content and activities using

H5P

The following provides an overview of the H5P plugin, along with simple instructions on how to insert and import it.

H5P Activation for Concordia’s Pressbooks

In Concordia’s instance of Pressbooks, H5P is activated at the administrator level and should appear in your sidebar automatically once you have logged into your Pressbooks project.

Overview of the H5P Plugin

The following video tutorial will help you watch and learn how to enable and create H5P content on Pressbooks.

 

Add and Insert an H5P

Slides: Creating an image hotspot activity using H5P.

Add an H5P element to your book

Please note that you will first need the plugin to be active in order to add elements.

  1. Go to the H5P Content menu and select “Add New.”
  2. Enter a title.
  3. Select content type from the dropdown menu.
  4. Install the content type by selecting “Get” and following the steps indicated (if applicable).
  5. Enter the information for your quiz/activity, etc.
  6. Click “Create” when you’re finished!

Insert the H5P element into your chapter

  1. Copy the shortcode displayed in the top right of the screen.
  2. Navigate to the chapter where the element will be added.
  3. Paste the shortcode into place (you can do this in the visual editor, no need to switch to the text editor).
  4. Save your chapter.
  5. View the web version to see the element in action.
  6. Export other desired formats to see the fallback message.

Download and Import H5P

Import H5P activities downloaded from Pressbooks or other public web locations.

Slides: How to download or import an H5P activity to your local machine.

To download an H5P file

  1. Select the “Reuse” button.
  2. Click “Download”.
  3. Save the file on your local machine.

Remember, H5P files must be uploaded to a site that supports H5P in order to be opened. They will not open on your machine otherwise. When creating content, ensure the “Download” button under “Display options” is enabled.

You can search the Pressbooks Directory for H5P activities to import. You will find a hyperlink leading to the H5P activities for each book on its card. You can download H5P activities from this page, as shown above, and import them into your book.

Import or upload an H5P file (.h5p file) from your local machine

  1. Go to the “Add New” section under H5P Content on the left menu.
  2. Select “Add New”.
  3. Click the “Upload” tab.
  4. Find the file saved on your local machine and upload it.
  5. Click “Save”.

Screenshot of the Pressbooks backend in the H5P content tab with a red circle over the words "Add New" which is Step 1. Step 2 is "Upload" and Step 3 "Upload file"

Image: How to export or upload an H5P file from your local machine.

Information used in this chapter has been adapted from Pressbooks User Guide by Book Oven Inc. (Pressbooks.com), 2013, CC BY 4.0.

License

Icon for the Creative Commons Attribution 4.0 International License

Guide to Pressbooks at Concordia University (DRAFT) Copyright © by Rachel Harris; Sana Ahmad; Rahil Kakkad; Zo Kopyna; Chhayhee Sok; Asifur Rahman; Lena Palacios; and Ariel Harlap is licensed under a Creative Commons Attribution 4.0 International License, except where otherwise noted.

Share This Book