Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
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.

Table of Contents

...

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:

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.

Table of Contents

Table of Contents
stylenone

...

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

...

  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?

...