H5P: Interactive Multimedia in Canvas

H5P is an easy way to create interactive multimedia content that can be embedded in Canvas or other LMS pages. This page walks you through steps to create your own H5P content using a plug-in through Pressbooks which is free with your Boise State email.

Watch an introduction to Pressbooks presentation including some H5P usage below.

https://boisestate.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=27a01c59-7d61-4a30-a9d3-ac4c010cb28f

See also:

• H5P Examples and Downloads - view working H5P examples

• H5P Accessibility and Support Table - understand which content types aren’t accessible, maintained or browser supported

• Multimedia Sandbox - view working H5P examples created by eCampus Multimedia

  • Need access? Self-enroll: https://boisestatecanvas.instructure.com/enroll/CE6LYG

• Pressbooks User Guide - H5P Interactive Content using Pressbooks

Note: You do not need to join the H5P website or sign up for the paid service

If you navigate to h5p.com you will see information for a free trial. You do not need to join their website or pay for hosting. You can do everything through Boise State's Pressbooks account.

Creating H5P content in Pressbooks

If you are new to Pressbooks and want to learn more visit https://boisestate.pressbooks.pub/.

Step 1: Log into Pressbooks

• Go to boisestate.pressbooks.pub

• Click Sign In (upper-right) using your normal Boise State account login credentials

Step 2: Create a book for your H5P content

It is recommended you create a separate book for each of your courses to manage H5P content. If you’ve already created a book, click My Catalog under Dashboard, left-hand nav to choose where you want to add your H5P content.

To create a new Pressbook

1. Click Admin

2. Click Create a New Book

3. Fill out the form and click Create Book

Step 3: Enable H5P plugin

1. From your book’s homepage click Admin
   
   

   Open

   

   Screenshot of book homepage

2. Click Plugins from the left-hand nav
   

3. Click Activate under H5P
   
   

Step 4. Creating H5P content

1. From your book’s admin page, click H5P button
   
   

   Open

   

    

2. Click Add New
   
   

Step 5. Create your H5P interactive(s)

There are a number of different content types to choose from. Each one offers built-in documentation and examples to help get you started.
Official H5P documentation ----> https://h5p.org/documentation/for-authors/the-basics , https://h5p.org/documentation/for-authors/tutorials

The simplified steps:

1. Select the content type you'd like to create

   1. Install different types as needed

2. Follow the presented steps or form to build

3. Click Create

Adding H5P content into Canvas

1. Navigate to All H5P Content from your course Pressbook
   
   
   

   
   
   
   

2. Choose the interactive you wish to add

3. Click the <>Embed button on the bottom left of the window
   
   

4. Copy the embed code shown

5. Navigate to the Canvas page or assignment where you want to add

6. Click Edit

7. Click the Embed button in the rich content editor menu and paste in code
   
   
   
   

8. Click Submit

9. Click Save
   
   

Problems Getting This to Work?

• Check that you are an Administrator of the Pressbook you are trying to work in. If you are in the Author role, your control over H5P content will be more limited. (You won't be able to add new H5P content types for example.) 

Additional Resources

• Installing the H5P Plugin in Pressbooks

• H5P: The Basics

• Which H5P Content Types are Accessible?