Creating Open Interactive Learning Content Using H5P

Ian Linkletter

Emerging Technology & Open Education Librarian

I would like to acknowledge that I live and work on the traditional, ancestral, and unceded territory of the Coast Salish Nations of Sḵwx̱wú7mesh (Squamish), səl̓ilwətaɁɬ (Tsleil-Waututh), and xwməθkwəy̓əm (Musqueam).

Today we will:

What is H5P?


  • HTML 5 Package
  • Platform for interactive content
  • 55 different content types
  • Free to use
  • Built for open

Supports Learning

"Integration of H5P content within course material provides opportunities for students as learners to think critically about what they are being taught and supports the flexibility students are requesting by extending the learning environment."

Singleton, R., & Charlton, A. (2019). Creating H5P content for active learning. Pacific Journal of Technology Enhanced Learning, 2(1), 13-14.

H5P Supports

Open Education

  • Open technology
  • Open pedagogy
  • Open practices
  • Open resources
  • Open community

Supports Accessibility

Content Type Accessible Maintained by the core team Browser Support
Accordion ✔ Yes ✔ Yes Full
Course Presentation ✔ Yes ✔ Yes Full
Image Hotspots ✔ Yes ✔ Yes Full
Interactive Video ✔ Yes ✔ Yes Full
Memory Game ✔ Yes ✔ Yes Full

Let's look at


All 55 object types have examples to explore!


So many possibilities, so little time...

H5P Documentation


Over 30 object types have tutorials to learn from!

eCampusOntario H5P Studio


A provincial hub for reusable objects

Supports Reuse

Source: UBC Education Library, ETS H5P Studio

The 5R Permissions of OER

  • Retain
  • Reuse
  • Revise
  • Remix
  • Redistribute

Developed by David Wiley

Diagram of the "5 Rs": Reuse (content can be reused in its unaltered form), Revise (content can be adapted, adjusted, modified, or altered),, Remix (the original or revised content can be combined with other content to create something new), Redistribute (copies of the content can be shared with others in its original, revised or remixed form), Retain (users have the right to make, archive, and "own" copies of the content

Image by BCOER Librarians CC 4.0

Taken From BCcampus

The 5R Permissions of H5P

  • Retain (.h5p format)
  • Reuse (downloads, attribution, and embeds)
  • Revise (ongoing authorship)
  • Remix (and co-create)
  • Redistribute (BCIT H5P Commons)

Lumi: a dead-simple H5P creation tool

Remixing with Lumi

  • Download an object you like (.h5p)
  • Open it with Lumi
  • See how it works
  • Change it how you wish
  • Upload it to BCIT H5P Commons
  • Embed in Learning Hub pages and tools


Very quickly, let me show you how to upload objects and get the embed code

Today we've covered

  • How H5P supports learning, accessibility, and Open
  • Finding the right H5P object types
  • Learning from what others have made
  • Creating and remixing with Lumi
  • Uploading to BCIT H5P Commons
  • Embedding objects

Need help with H5P?

That's what we're here for!

Creating Using H5P

By Ian Linkletter

Creating Using H5P

  • 906