Coffee with 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.

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

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




BCIT Commons


I recommend talking to me for help with this decision.

Today we've covered

  • How H5P supports learning, accessibility, and Open
  • Object types and tutorials on
  • Learning from example at eCampusOntario's H5P Studio
  • Creating and remixing with Lumi
  • Getting support with H5P

Need help with H5P?

That's what I'm here for!

Made with