H5P: Interactive Multimedia in Canvas

Overview

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.

Table of Contents

Creating H5P content in Pressbooks

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
   
   

   Open

   

3. Click Activate under H5P
   
   

Step 4. Creating H5P content

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

    

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

• Create Interactive Content with H5P

• H5P: The Basics

• Content types recommendations from H5P, with Accessibility Details

• H5P Examples and Downloads - view working H5P examples

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

• eCampus H5P Examples - view working H5P examples created by eCampus Multimedia Team

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

  • Pressbooks User Guide - H5P Interactive Content using Pressbooks