What is 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, reuse and modify interactive HTML5 content. Currently there are over 40 default content types available, but you can add more from the community or create your own bespoke template.

  1. Accordion – Create vertically stacked expandable items
  2. Agamotto – Present a sequence of images and explanations
  3. Arithmetic Quiz – Create time-based arithmetic quizzes
  4. Audio Recorder – Create an audio recording
  5. Branching Scenario – Create dilemmas and self paced learning
  6. Chart – Quickly generate bar and pie charts
  7. Collage – Create a collage of multiple images
  8. Column – Column layout for H5P Content
  9. Course Presentation – Create a presentation with interactive slides
  10. Dialog Cards – Create text-based turning cards
  11. Diction – Create a dictation with instant feedback
  12. Documentation Tool – Create a form wizard with text export
  13. Drag and Drop – Create drag and drop tasks with images
  14. Drag the Words – Create text-based drag and drop tasks
  15. Essay – Create essay with instant feedback
  16. Fill in the Blanks – Create a task with missing words in a text
  17. Find Multiple Hotspots – Create many hotspots for users to find
  18. Find the Hotspot – Create image hotspot for users to find
  19. Flashcards – Create stylish and modern flashcards
  20. Guess the Answer – Create an image with a question and answer button
  21. Iframe Embedder – Embed from a url or a set of files
  22. Image Hotspots – Create an image with multiple info hotspots
  23. Image Juxtaposition – Create interactive images
  24. Image pairing – Drag and drop image matching game
  25. Image Sequencing – Place images in the correct order
  26. Image Slider – Easily create an Image Slider
  27. Impressive Presentation – Create a slideshow with parallax effects
  28. Interactive Video – Create videos enriched with interactions
  29. Mark the Words – Create a task where users highlight words
  30. Memory Game – Create the classic image pairing game
  31. Multiple Choice – Create flexible multiple choice questions
  32. Personality Quiz – Create personality quizzes
  33. Questionnaire – Create a questionnaire to receive feedback
  34. Quiz (Question Set) – Create a sequence of various question types
  35. Single Choice Set – Create questions with one correct answer
  36. Speak the Words – Answer a question using your voice (Chrome only)
  37. Speak the Words Set – A series of questions answered by speech (Chrome only)
  38. Summary – Create tasks with a list of statements
  39. Timeline – Create a timeline of events with multimedia
  40. True/False Question – Create True/False questions
  41. Virtual Tour (360) – Create interactive 360 environments

How do I create my own H5P interactive content?

There are 3 quick ways to start creating H5P content:

  1. Use the free H5P.org authoring tool (free user account required) and publish content on their server
  2. Add the H5P plugin to your existing publishing system (WordPress, Moodle or Drupal)
  3. If you are a University of Edinburgh staff or student, please contact us for free access to this H5P repository (you will be given your own dedicated space within this website)


Please be aware that this website is not an centrally supported ISG business service (high priority), but a technical service which relies on the lower priority  ISG web hosting service.


Open Education Resources (OERs) are online resources that are available for others to use to support learning.  They are part of a worldwide movement to promote and support sustainable educational development – the use of the term ”OER” is attributed to a UNESCO workshop in 2002. The sharing of open educational materials is in line not only with University of Edinburgh’s mission but also with a global movement in which research-led institutions play a significant role.

The University of Edinburgh has an ‘OER policy’, which outlines the institutional position on OERs and provides guidelines for practice in learning and teaching. You can find the policy on the Academic Services, Policies page under ‘Learning and Teaching’, or link directly to the document here:

To find out more on OERs please visit the University of Edinburgh’s Open.Ed website.


Below is a small selection of H5P content types that you can play with, download, share or embed.

Image Hotspot

Interactive Video

Image Juxtaposition

The Ecce Homo (Behold the Man) in the Sanctuary of Mercy church in Borja, Spain, is a fresco painted circa 1930 by the Spanish painter Elías García Martínez depicting Jesus crowned with thorns. Both the subject and style are typical of traditional Catholic art.

While press accounts agree that the original painting was artistically unremarkable, its fame derives from a good faith attempt to restore the fresco by Cecilia Giménez, an untrained elderly amateur, in 2012. The intervention reinterpreted the painting and made it look similar to a monkey, and for this reason it is sometimes known as Ecce Mono (Behold the Monkey).

Compare the painting before and after by sliding between the two images.

Both images within this interaction are copyright © Associated Press 2013.

Multiple Choice

Drag and Drop