• Mansour K. Mansour, PhD

HTML5 Package (H5P): An Overview and a Guide to Resources

About H5P

"H5P is a free and open-source content collaboration framework based on JavaScript. H5P is an abbreviation for HTML5 Package, and aims to make it easy for everyone to create, share and reuse interactive HTML5 content." -

"Joubel is currently the driving force behind H5P, with a growing team of talented engineers dedicated to H5P. The H5P Core Team has extensive experience with development and design of open source ed-tech and is located in Tromsø, Norway."

The following presentation provides an overview of the project.


The following video provides an introduction to H5P:

The H5P website lists the following features for this technology:

  • "Supercharge your website with H5P - H5P makes it easy to create, share and reuse HTML5 content and applications. H5P empowers everyone to create rich and interactive web experiences more efficiently - all you need is a web browser and a web site with an H5P plugin.

  • Mobile friendly content - H5P content is responsive and mobile friendly, which means that users will experience the same rich, interactive content on computers, smartphones and tablets alike.

  • Share rich content - H5P enables existing CMSs and LMSs to create richer content. With H5P, authors may create and edit interactive videos, presentations, games, advertisements and more. Content may be imported and exported. All that is needed to view or edit H5P content is a web browser. H5P content types and applications are shared on H5P content may be created on any H5P enabled web site like or your own Drupal or WordPress site with the H5P plugin installed."

Content Types

H5P offers 43 different content types that are classified into the following four categories: Games, Multimedia, Questions, and Social Media. More information on the content types, examples, and downloads, is available here - The following video shows different and creative ways to engage learners using different H5P content types:

It is worth noting that the following three content types allow for very interesting interactivity that engages learners:

  • Interactive Video - Create videos including YouTube videos enriched with interactions. Use the following link for more information and a sample The following video is an example of how easy it is to create an interactive video:

  • Course Presentations - Create a presentation with interactive slides. Use the following link for more information and a sample The following video is an example of how easy it is to create an interactive course presentation:

H5P Integrations

H5P allows for the following three types of integrations:

  • Direct link or embed from

  • H5P via LTI (

  • H5P Plugins

"H5P content may be embedded in any platform that supports embedded content (iframes). also provides integrations for LMSs like Canvas, Brightspace, Blackboard, Moodle and other systems that support the LTI standard. In addition H5P has plugins for WordPress, Moodle, Drupal and several other publishing systems." Use the following link for more information on H5P integrations and installation guides -

The following video shows you how to use the H5P website to easily create interactive activities that can be embedded into an online course or onto a blog or website. H5P can also help you take something you've found or created on another website, "import" it into H5P, and then embed it into your course or website. Both of those capabilities should prove to be pretty helpful for teachers as well as trainers who have an online presence of any kind for their classes.

The following video covers integrating H5P within Moodle:

eCampusOntario H5P Studio

eCampusOntario is introducing H5P Studio which their new platform to create, share, and discover open H5P content. Use the following link to view the eCampusOntario catalog:

The following video is for a webinar that the presenters go in detail describing this project:


In a nutshell, H5P provides an innovative way to create interactive digital content to keep our learners engaged. We can add this content to multiple platforms.

307 views0 comments