H5P

H5P is a groundbreaking framework that lets you create and edit interactive videos, presentations, games, multimedia tests, quizzes, and more. 

There are 40+ H5P content types for you to explore, to upgrade your courses and take them to the next level.

Add H5P Content to your Courses

H5P makes it easy to create, share, and reuse HTML5 content and applications, allowing anyone to create rich and interactive web experiences. All you need is a web browser and a website with H5P.

Mobile-Friendly Content

H5P content is responsive and mobile-friendly. Users will experience the same rich interactive content, on computers, smartphones, and tablets.

 

Content Types

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 own online course is a piece of cake!

Accordion

An HTML5-based accordion content type that allows 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 it back, or download a .WAV file of your recording.

Chart

Present simple statistical data, graphically, without creating the artwork manually.

Features the ability to select between bar and pie chart views, add labels and values to each data element, select background and font color for each data element.

Collage

The Collage feature lets you put together beautiful images in a soothing composition. Impress your followers by adding image collages to your course.

Choose from 11 layouts and configure, image pan and zoom, image spacing (inner frame size), outer frame size, and height of the collage.

Column

Organize your content types into a column layout. Content types that address similar material, or share a common theme, can now be grouped together to create a coherent learning experience. 

Furthermore, authors are free to be creative by combining almost all existing H5P content types. 

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

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 cards students reveal 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. 

They are fully responsive and you can add images, audio, or tips to them.

Dictation

Add audio samples containing a sentence for dictation and the correct transcription. 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. Set a limit for how often a sample can be played, define if punctuation should be relevant for scoring. 

Finally, 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 allow students 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 combinations; one-to-one, one-to-many, many-to-one, and many-to-many.

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.

Can be used to check if students remember a piece of text, or if they understand something.

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 students’ task is to find and select the words within the grid.

Interactive Video

Videos can be enriched with interactive elements, like explanations, extra pictures, tables, Fill in the Blank exercises, and multiple choice questions. 

Quiz questions are adaptive, meaning that you can jump to another part of the video based on student input. Interactive videos are created and edited using the H5P authoring tool in a standard web browser. Interactive summaries can be added at the end of a video.

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. 

Allows students to experience new interactive learning materials, and test their knowledge and memory. 

Content is editable in web browsers, and the Course Presentation activity type includes a WYSIWYG drag-and-drop authoring tool.

Branching Scenario

A flexible content type that allows authors to present a variety of rich interactive content and choices to students, who make choices that determine the content they 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.

The H5P content types that can be added to your Branching Scenario are, Course Presentation, Text, Image, Image Hotspots, Interactive Video, and Video.

Find the Hotspot

Allows authors to upload an image and define various hotspots, corresponding to details or sections of the image. Students press somewhere on an image and get feedback on whether that was correct or incorrect, according to the task description.

Documentation Tool

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

While editing, authors can add multiple steps to the wizard. In each step, they can define which content goes into it – Plain Text, Input Fields, Goal Definition, and Goal Assessment. 

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

Essay

Students can write an essay that will be scanned for keywords that have been defined. This is a simple approach, yet quite flexible for giving feedback.

Authors can restrict the number of characters that students can use to cover all the important aspects of a given topic. Also, they can’t only award points for keywords that have been found (multiple times), but can provide verbal feedback as well. 

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

Please describe the novel “The Hobbit” by J.R.R. Tolkien in at least 100 characters and up to 500.

Fill in the Blanks

Students fill in the missing words in a piece of text. After filling in all (or some words), students are shown a solution, depending on settings.

Authors enter text and mark words to be replaced with an asterix. Fill in the Blanks can be used to teach languages, test students’ ability to reproduce facts, or produce mathematical inferences.

Find Multiple Hotspots

This content type can be used for questions where students have to find all hotspots in an image. They are provided with relevant feedback based on where they click.

Authors can upload an image for a specified task – i.e. find all the fruits, identify molecules, or select kitchen tools in an image. They can also choose how many correct hotspots need to be found before marking the question as complete. 

Furthermore, Hotspots can either be defined as correct or incorrect, and the author provides appropriate feedback text in both cases. Finally, the author can also define feedback if students press a hotspot that is neither defined as correct or incorrect.

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 H5P content with existing JavaScript applications. This library supports external embedding using a URL (supported by the editor) and internal embedding – i.e. an H5P content has to be created and uploaded.

Image Hotspots

Makes it possible to create an image with interactive hotspots. When students press a hotspot, a popup containing a header and text or video is displayed. You can add as many hotspots as you like using the H5P editor. 

You can configure the number of hotspots, the placement of each hotspot, its color, and the associated popup content.

Image Juxtaposition

The Image Juxtaposition content type is based on Juxtapose – created by Alex Duner and Northwestern University’s Knight Lab. You can choose between a horizontal slider and a vertical slider, set its starting position, and even label your images.

Image pairing

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

Image Sequencing

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

Image Slider

Present your images in an appealing way, simply by uploading images and providing alternative texts for them.

Impressive Presentation

Unleash your creativity on an infinite 3D canvas. Images, text, and other H5P content types can be combined to create presentations with 3D transitions between steps. This content type is experimental, so creating it effectively may need familiarity with 3D creation tools.

Interactive Book

Create courses, books, or tests. The example below is a classic 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. Students highlight words according to the task description, and are given a score.

Editors can easily create Click the Words challenges by typing in the text, and enclose the words that a student is supposed to click, and the right answers.

Memory Game

Create your own memory games, and test students’ memory with this simple, yet beautiful, HTML5 game.

Multiple Choice

Multiple Choice questions can be an effective assessment tool. Students are given immediate performance feedback. 

The H5P Multiple Choice questions can have a single or multiple correct options per question.

Personality Quiz

Authors define a series of questions with alternatives, where each alternative is matched against one or more personalities. 

At the end of the quiz, the student sees which personality matches them the best. There are also several ways to make this quiz visually appealing – i.e. representing questions, alternatives, and personalities, using images.

Questionnaire

Create multiple choice or open ended questions, require specific questions to be answered, or change the display text and show an image upon completion. You can even set the accessibility messages for screen readers.

Quiz (Question Set)

Question Set is your typical quiz content type. It allows students to solve sequences of various question types.

Single Choice Set

Single Choice Set allows content designers to create question sets with one correct alternative per question, in just a few seconds. Students get immediate feedback after submitting each answer.

Speak the Words

Create your own questions, and ask students to answer with their own voice.

It is important to note that 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, like in Question Set. 

Authors can set the content type to behave just like they want it to. You could, for example, define different messages for different scores achieved by students.

Summary

Summaries help students remember key information in a text, video, or presentation, by actively building a summary about a topic. When students complete a summary, a list of key statements about the chosen topic appears.

Timeline

The Timeline content type allows you to place a sequence of events in chronological order. 

For each event, you can add images and text, but you could also include assets from Twitter, YouTube, Flickr, Vimeo, Google Maps, or SoundCloud.

True/False Question

True/False Question is a simple and straightforward content type that can work on its own, or combined with other content types, like Course Presentation. 

A more complex question can be created by adding an image or a video.

Virtual Tour (360)

360-degree images can be enriched with interactive elements, like explanations, videos, sounds, and questions. Images can also be linked together to give students an impression of moving between environments or between different viewpoints within the same environment.

This content type can be used to give a feeling of exploration and learning – within a realistic environment. It includes a drag-and-drop authoring widget that makes it easy for anyone to create their own virtual tours.

Guess the Answer

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

Advanced fill the blanks

Students fill in the missing words in a text, or choose the correct answer from a drop-down menu. For each blank, students are told if the entered answer is correct. 

If an answer is incorrect, individual feedback is shown, highlighting the exact mistake they made. This way, 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.