H5P

H5P is a groundbreaking software for you to create and edit interactive videos, presentations, games, multimedia tests, quizzes and more. More than 40 H5P content types are at your disposal to amaze your students!
 
Explore all H5P content types that best fit your needs!

Add H5P Content to your school's courses

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 H5P.

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.

 

Content Types

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

 

Accordion

Create vertically stacked expandable items

Agamotto

Create a sequence of images that gradually

Arithmetic Quiz

Create time-based arithmetic quizzes

Audio Recorder

Create an audio recording

Chart

Quickly generate bar and pie charts

Collage

Create a collage of multiple images

Column

Column layout for H5P Content

Dialog Cards

Create text-based turning cards

Dictation

Create a dictation with instant feedback

Drag and Drop

Create drag and drop tasks with images

Drag the Words

Create text-based drag and drop tasks

Find the words

Grid word search game

Interactive Video

Create videos enriched with interactions

Course Presentation

Create a presentation with interactive slides

Branching Scenario

Create dilemmas and self paced learning

Find the Hotspot

Create image hotspot for users to find

Documentation Tool

Create a form wizard with text export

Essay

Create essay with instant feedback

Fill in the Blanks

Create a task with missing words in a text

Find Multiple Hotspots

Create many hotspots for users to find

Flashcards

Create stylish and modern flashcards

Iframe Embedder

Embed from a url or a set of files

Image Hotspots

Create an image with multiple info hotspots

Image Juxtaposition

Create interactive images

Image Pairing

Drag and drop image matching game

Image Sequencing

Place images in the correct order

Image Slider

Easily create an Image Slider

Impressive Presentation

Create a slideshow with parallax effects

Interactive Book

Create courses, books or tests

Mark the Words

Create a task where users highlight words

Memory Game

Create the classic image pairing game

Multiple Choice

Create flexible multiple choice questions

Personality Quiz

Create personality quizzes

Questionnaire

Create a questionnaire to receive feedback

Quiz (Question Set)

Create the classic image pairing game

Single Choice Set

Create questions with one correct answer

Speak the Words

Answer a question using your voice

Speak the Words Set

A series of questions answered by speech

Summary

Create tasks with a list of statements

Timeline

Create a timeline of events with multimedia

True/False Question

Create True/False questions

Virtual Tour (360)

Create interactive 360 environments

Guess the Answer

Create an image with a question and answer button

Advanced fill the blanks

Fill in the missing words

Get started today!

Creating your visual school has never been more needed both for teachers and students. 

Yet with WEDO.SCHOOL it is also easier than ever before. 

Accordion

An HTML5 based accordion content type allowing users to add accessible wai aria enabled accordions

Agammoto

An HTML5-based content type that allows users to compare and explore a sequence of images interactively. Authors can decide to add a short explanatory text for each image. Tell your image stories with H5P and Image Blender (Agamotto) in publishing systems like Canvas, Brightspace, Blackboard, Moodle and WordPress.

Arithmetic Quiz

An HTML5 based application that auto-generates arithmetic quizzes consisting of multiple choice questions.

Audio Recorder

An HTML5 audio recorder. Record your voice and play back or download a .wav file of your recording.

Chart

Description

Need to present simple statistical data graphically without creating the artwork manually? Chart is your answer.

Features

  • Select between bar and pie chart view
  • Add label and value to each data element
  • Select background color each data element
  • Set font color for each data element

Collage

The Collage tool allows you to put together beautiful images in a soothing composition. If you want to impress your followers by adding cool image collages to your blog, this is definitely the tool for you!

Choose from 11 layouts and configure:

  • image pan and zoom
  • image spacing (inner frame size)
  • outer frame size
  • height of the collage

Column

Organize your content type into a column layout with H5P Column. Content types that address similar material or share a common theme can now be grouped together to create a coherent learning experience. In addtion, authors are free to be creative by combining almost all of the existing H5P content types. 

H5P Column is also a way to easily share multiple content types simultaneously as it can be embedded or downloaded just like any other H5P. 

Dialog Cards

Description

Dialog cards can be used as a drill to help learners memorize words, expressions or sentences. On the front of the card, there’s a hint for a word or expression. By turning the card the learner reveals a corresponding word or expression. 

Dialog cards can be used in language learning, to present math problems or help learners remember facts such as historical events, formulas or names. 

Features

  • Fully responsive
  • Add image to a card
  • Add audio to a card
  • Add tips

Dictation

You can add audio samples containing a sentence for dictation and enter the correct transcription. Your students can listen to the samples and enter what they have heard into a text field. Their answers will be evaluated automatically.

Several options will allow you to control the exercise’s difficulty. You can optionally add a second audio sample for a sentence that could hold a version spoken slowly. You can also set a limit for how often a sample can be played, define if punctuation should be relevant for scoring, and decide whether small mistakes like typing errors should be counted as no mistake, a full mistake, or just a half mistake.

Drag and Drop

Drag and drop questions enable the learner to associate two or more elements and to make logical connections in a visual way. Create Drag and drop questions using both text and images as draggable alternatives. H5P Drag and drop questions support multiple draggable to drop zone combinations; one-to-one, one-to-many, many-to-one and many-to-many.

Drag the Words

Drag the Words allows content designers to create textual expressions with missing pieces of text. The end user drags a missing piece of text to its correct place, to form a complete expression.

May be used to check if the user remembers a text she has read, or if she understands something. Helps the user think through a text.

It’s super easy to create a drag the words task. The editor just writes the text and encloses the words that are to be draggable with asterix signs like *draggableWord*.

Find the words

An HTML5-based word search activity that allows authors to create a list of words that will be drawn in a grid. The learners’ task is to find and select the words in the grid.

Interactive Video

Videos may be enriched with interactivities like explanations, extra pictures, tables, Fill in the Blank and multiple choice questions. Quiz questions support adaptivity, meaning that you can jump to another part of the video based on the user’s input.  Interactive summaries can be added at the end of the video. Interactive videos are created and edited using the H5P authoring tool in a standard web browser.

Course Presentation

Course presentations consist of slides with multimedia, text, and many different types of interactions like interactive summaries, multiple choice questions and interactive videos. Learners can experience new interactive learning material and test their knowledge and memory in Course Presentations. As always with H5P, content is editable in web browsers, and the Course Presentation activity type includes a WYSIWYG drag and drop based authoring tool.

Branching Scenario

Description

Branching Scenario is a flexible content type that enables authors to present a variety of rich interactive content and choices to learners. Learners make choices that determine the content they will see.

The authoring tool can be used in full screen and allows authors to structure the content as a tree with multiple branches and endings.

Learn how to create Branching Scenarios in this tutorial.

Screenshot from the authoring tool

Features

General features:

  • Scoring is can be set per ending or based on points collected through the learner’s path.
  • Any number of branches and endings with different feedback and score per ending
  • Choices may be set to lead to any other node within the interactivity tree structure

The following H5P content types may be added to your Branching Scenario:

  • Course Presentation
  • Text
  • Image
  • Image Hotspots
  • Interactive Video
  • Video

Find the Hotspot

This content type allows end users to press somewhere on an image and get feedback on whether that was correct or incorrect according to the task description.

The author uploads an image and defines various hotspots corresponding to details or sections of the image. 

Hotspots can either be defined as correct or incorrect, and the author provides appropriate feedback text in both cases. The author can also define a feedback if the end user presses somewhere which is neither defined as a correct nor incorrect hotspot. 

Documentation Tool

The documentation tool aims to make it easy to create assessment wizards for goal driven activities. It can also be used as a form wizard.

While editing, the author can add multiple steps to the wizard. In each step, the author can define which content goes into that step. Content can be plain text, input fields, goal definition and goal assessment. 

Once published, the end user will be taken through the steps of the wizard. On the last step of the wizard, the user can generate a document with all the input that has been submitted. This document can be downloaded.

The Documentation tool is fully responsive and works great on smaller screens as well as on your desktop. 

Essay

The text which students created will be scanned for keywords that have been defined by an author before. Several options allow to make this rather simple approach still quite flexible for giving feedback.

Authors can restrict the number of characters that the students may use to cover all the important aspects of a given topic. This way they can stimulate cognitive efforts that are needed to distinguish between important facts and less relevant details. Also, authors cannot only award points for keywords that have been found (multiple times), but they can provide verbal feedback. If a crucial keyword is missing, one could e.g. point out that an important aspect seems to have been neglected and should be considered when writing the next iteration of the text. On the contrary, if a keyword is found, one could praise the student and confirm the significance of the aspect which the word represents.

The content type does not replace grading by teachers, but could assist them.

Fill in the Blanks

Learners fill in the missing words in a text. The learner is shown a solution after filling in all the missing words, or after each word depending on settings.

Authors enter text and mark words to be replaced with an asterix. In addition to native and second language learning, Fill in the blanks can be used to test the learner’s ability to reproduce facts or produce mathematical inferences. 

Find Multiple Hotspots

This content type can be used for questions where the end users for instance are to find all the hotspots in an image. The end users are provided with relevant feedback based on where they click.

Features

  • Upload an image for the specified task. (Find all the fruits, molecules or kitchen tools in an image)
  • The author can select how many correct hotspots need to be found before marking the question as complete.
  • Hotspots can either be defined as correct or incorrect, and the author provides appropriate feedback text in both cases. The author can also define a feedback if the end user presses somewhere which is neither defined as a correct nor incorrect hotspot.

Flashcards

This content type allows authors to create a single flash card or a set of flashcards that have both questions and answers. Learners are required to fill in the text field and then check the correctness of their solution.

Iframe Embedder

The Iframe embedder makes it easy to make an H5P of already existing JavaScript applications.

This library supports:

  1. External embedding using a URL (supported by the editor)
  2. Internal embedding, i.e an H5P has to be created and uploaded. The H5P must contain all relevant resources (html, javascript, css and so forth)

Image Hotspots

Image hotspots makes it possible to create an image with interactive hotspots. When the user presses a hotspot, a popup containing a header and text or video is displayed. Using the H5P editor, you may add as many hotspots as you like. The following is configurable:

  • The number of hotspots
  • The placement of each hotspot, and the associated popup content
  • The color of the hotspot

Image Juxtaposition

You can choose between a horizontal slider and a vertical slider, set its starting position and optionally label your images.

The Image Juxtaposition is based on Juxtapose that was created by Alex Duner and Northwestern University Knight Lab.

Image pairing

Image pairing is a simple and effective activity that requires learners to match pairs of images. Since it is not required for both images in a pair to be the same, authors are also able to test the understanding of a relation between two different images.

Image Sequencing

The Image Sequencing content type challenges the learner to order a randomized set of images according to a task description. 

Image Slider

Present your images in an appealing way with ease. Authors just have to upload images and provide alternative texts for the images.

The next two images are always preloaded so switching between images will usually be snappy with no delay for loading the next image.

Impressive Presentation

Unfold your creativity on an infinite 3D canvas. Images, text and other H5Ps can be combined to create presentations with 3D transitions between steps. This content type is experimental, creating Impressive Presentations might be very difficult, and impossible for people not familiar with 3D creation tools.

Interactive Book

The example here is a classical interactive book with a mix of informational content and tasks.

Mark the Words

Mark the words allows content designers to create textual expressions with a defined set of correct words. The end user highlights words according to the task description and is given a score.

For the editor it is super easy to create a click the words challenge. The editor types in the text and encloses the words that the user is supposed to click, the right answers, in asterisk like *correctWord*.

Memory Game

Create your own memory games and test the memory of your site’s users with this simple yet beautiful HTML5 game.

Multiple Choice

Multiple Choice questions can be an effective assesment tool. The learner is given immediate performance feedback. The H5P Multiple Choice questions can have a single or multiple correct options per question.

Personality Quiz

In this content type, the author defines a series of questions with alternatives, where each alternative is matched against one or more personalities. At the end of the quiz, the end user will see which personality matches the best. There are several ways of making this quiz visually appealing, by eg. representing questions, alternatives, and personalities using images.

Questionnaire

  • Create multiple choice or open ended questions
  • Require specific questions to be answered
  • Change the display text and show an image upon completion
  • Set the accessibility messages for screen readers

Quiz (Question Set)

Question Set is your typical quiz content type. It allows the learner to solve a sequence of various question types. 

Single Choice Set

Single choice set allows content designers to create question sets with one correct answering alternative per question, in just a few seconds. The end user gets immediate feedback after submitting each answer. 

Speak the Words

Create your own questions and make the user answer with their own voice.

Important note: This content type has limited browser support and currently works only on Chrome. 

Speak the Words Set

Speak the words set allows authors to combine multiple Speak the Words tasks into a set so they can be delivered together as a single piece of content, similar to Question Set. As an author, there are a few settings you can use to make it behave just the way you want it to. You may, for example, define different messages for different scores achieved by the learner.

Summary

Summaries help the learner remember key information in a text, video or presentation, by actively buliding a summary about the topic at hand. When the learner has completed a summary, a complete list of key statements about the topic is the end result.

Timeline

The Timeline content type allows you to place a sequence of events in a chronological order. For each event you may add images and texts. You may also include assets from Twitter, YouTube, Flickr, Vimeo, Google Maps and SoundCloud.

True/False Question

True/False Question is a simple and straightforward content type that can work by itself or combined into other content types such as Course Presentation. A more complex question can be created by adding an image or a video.

Virtual Tour (360)

360 (equirectangular) and normal images may be enriched with interactivities like explanations, videos, sounds, and interactive questions. The images may also be linked together to give the user an impression of moving between environments or between different viewpoints within the same environment.

This content type may be used to give a feeling of exploring and learning within a realistic environment. It includes an easy to use drag and drop authoring widget making it easy for everyone to create their own virtual tours.

Guess the Answer

This content type allows authors to upload an image and add a suitable description. End users can guess the answer and press the bar below the image to reveal the correct answer. 

Advanced fill the blanks

Learners fill in the missing words in a text or choose the correct answer from a drop-down menu. For each blank, the learners are told if the entered answer is correct. If an answer is incorrect, an individual feedback text is shown for the exact mistake they’ve made and their attention is drawn to relevant parts of the text. If they only make a minor mistake, they get a warning message telling them what the exact problem is.