Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Removed a duplicate link in the Additional Resources. H5P relocated content to the same page, so links were redundant.
Info

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.

Note

H5P is currently not a Boise State University supported tool but is currently being evaluated by LTS. User interactions and score results scores can be viewed but are NOT captured through Canvas using this method.

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.Watch an introduction to Pressbooks presentation including some H5P usage below.

...

See also:

...

...

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

...

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

...

Table of Contents

Table of Contents
stylenone

...

Creating H5P content in Pressbooks

Step 1: Log into Pressbooks

...

  1. From your book’s homepage click Admin

    Image RemovedImage Added
  2. Click Plugins from the left-hand nav
    Image Removed

    ff9c7ccb-df44-4fe2-bd91-a00e6c0f4fac.pngImage Added

  3. Click Activate under H5P

...

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

    Pressbooks H5P nav linkImage RemovedPressbooks H5P nav linkImage Added

  2. Click Add New

    Image RemovedImage Added

Step 5. Create your H5P interactive(s)

...

  1. Navigate to All H5P Content from your course Pressbook

    All H5P Content nav bar linkImage Removed


    All H5P Content nav bar linkImage Added



  2. Choose the interactive you wish to add

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

    H5P embed code buttonImage RemovedH5P embed code buttonImage Added
  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
    Canvas Embed buttonImage Removed

    a8059d6b-3e06-4c9d-96fb-056947f5916b.pngImage Added

  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