We have made a selection of content types available for testing right here on h5p.org.
Get a glimpse of how H5P can enrich your website with interactive content!

Test drive H5P
Supercharge your website with H5P

Supercharge your website with H5P

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

H5P is mobile friendly

Mobile friendly content

Publish once, view and interact on all screens. H5P content is responsive and mobile friendly. Users experience the same rich, interactive content on computers, smartphones and tablets alike.

Create and share with H5P

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. Rich content, applications and content components may be shared here on H5P.org.

H5P is open source and free

Free to use

H5P is a completely free and open technology, licensed with the MIT license. Demos/downloads, tutorials and documentation is available for users who wants to join the community.

Check out the content types

There are several H5P content types and applications to suit various needs.

See all content types

Supported frameworks

H5P for Drupal H5P for WordPress H5P for Joomla Get involved!

H5P is currently supported for Drupal, WordPress and Joomla. H5P is available as a Drupal module, WordPress plugin and Joomla extension.

Check out the guides below to get H5P up and running on your site:

Most of the H5P code is framework independent. It's easy to create integrations for new frameworks.

No support for your favorite publishing framework yet? Get involved!

Getting started

Getting started with H5P

New to H5P? Check out the H5P Getting started guide.

If you are a developer, check out the Developer section or try to create your own H5P package in the Greeting card tutorial.

If you are a content designer, take a look at the various content type tutorials to get started producing interactive content on your H5P enabled site.

Get a complete overview on the H5P Documentation pages.

Need help with H5P?

Take a look at the Documentation pages. If you can’t find an answer there, you can post a question to the H5P community in the Forum. Selected companies also provide H5P related services.

See H5P service providers


Moodle plugins

Thu, 07/02/2015 - 22:21

The H5P community is flourishing. Community members share improvement suggestions every day and we're receiving GitHub pull requests regularly.

The last weeks we've also been presented with not only one but two Moodle plugins in the works. Both are fully functional and only lacks a few features and some testing before they are to be published on Moodle.org. This is great news for both H5P and Moodle. H5P will get its first pure LMS plugin and Moodle users get to create new and powerful content types.

H5P in the Opigno LMS

Wed, 06/03/2015 - 08:07

It's very important for H5P to play well with other platforms and services. Because of this we’re reaching out to other projects where we see a potential for creating added value for our users by collaborating. The Drupal LMS Opigno shares a lot of our values. They are a truly open project, dedicated to making it easier for everyone to create a great learning experience. In addition, both Opigno users and H5P users have requested an integration.

Responsive H5P content.

Wed, 06/03/2015 - 09:57

Responsive web design is when a server can send the same page to all devices and the content will scale, and adapt, to fit the width of any device. H5P interactive content can be used inside any frame an editor desires, and we should make no assumptions on the dimensions of this frame. Because of this, H5P content must be designed to scale with any kind of frame.

Conventional responsive web design

A frequently used approach when creating responsive web pages is to embed a meta tag to your page:

Want to help us spread the word?