Create embeddable HTML5 content with H5P

Been playing around this morning with a series of tools called H5P.  H5P is a plugin for Drupal, Moodle and WordPress that allows you to create a number of different interactive HTML5 media types. Things like interactive videos, quizzes, timelines and presentations.

I’ve only had a chance to play with the plugin for a few minutes this morning, but got it working and was able to create some basic interactive content, adding a branching overlay to a YouTube video that runs from the 2 to 12 second mark. Choose an option from the screen and jump to a different point in the YouTube video. I also created a simple interactive question.

While I created these using the H5P plugin I installed on another WordPress site, the H5P plugin gives others the ability to take some embed code and post the content that I created on their site, giving other people the chance to use the same content. So, here is that same interactive quiz question that I created on my testing site now embedded here using the H5P embed code.

With the interactive video example, I am actually embedding an embedded YouTube video with the overlays that I created using H5P. Meta-embed.

There is also an option to assign an open license to the interactions I create at the time I create them, and make it possible for people to download the source file.

One thing I can see off the bat is that there are a lot of content type options with this tool. There are about 30 different content types, each with numerous options so this 10 minute quick look hardly does justice to the possibilities or options. But I like where this is going and it certainly merits a deeper dive into the tool.

H5P is an open source project and community being lead by National Digital Learning Arena (NDLA) in Norway. NDLA is a publicly funded project which aims to offer a complete, free and open learning portal for all subjects in the Norwegian high school level.

More to come as I dig deeper into this tool and plugin.

 

Clint Lalonde

Just a guy writing some stuff, mostly for me these days on this particular blog. For my EdTech/OpenEd stuff, check out https://edtechfactotum.com/.

 

5 thoughts on “Create embeddable HTML5 content with H5P

  1. Looks like the Moodle plugins aren’t stable yet, though there may be something LTI… Fine be me, this looks like a fine way to justify using WordPress instead…

    Just spent some time with this and my head is swimming with possibilities. And that was before reading Alan’s comment re SPLOT potential.

  2. Hey Clint, You mentioned Moodle in your post, but at first glance, I didn’t see any reference to Moodle on their site (just Drupal and WordPress). Maybe the same as one of those? Thanks!

Comments are closed.