Explore and interact with the various examples of H5P content embedded on this page. If you would like to try making your own H5P content, follow the step-by-step tutorials linked under each section.
The Image Hotspot content type allows creators to add hotspots to images. Hotspots may reveal texts, images, and videos when clicked. Try out the example below, or learn about when to use Image Hotspots and how to create them in this Image Hotspots tutorial.
The Timeline content type allows creators to include temporal information in a visual format. It can be particularly useful for instructors who work with topics that include historical dates and timelines.Try out the example below, or learn about when to use the Timeline tool and how to create one in this Timeline Tutorial.
This dictation tool allows you, as content creator, to record yourself speaking and ask students to type out what you have said. Its potential uses include language learning, grammar, syntax, and spelling. For example, a linguistics or languages instructor might ask students to type the word(s) they hear. Try out the example below, or learn about when to use the Dictaion tool and how to create one in this Dictation tool tutorial.
As one of the most commonly used H5P types, the course presentation allows you to develop a series of course slides including text, photos, and videos, with question types embedded through the course presentation to test for comprehension. Try out the example below, or learn about when to use the Course Presentation tool and how to create one in this Course Presentation tutorial.
Using the interactive video tool, you can upload a video and embed overlaid text and questions that students can click on to reveal the content or you can require the learner to pause and complete the interaction before proceeding. This tool can be very helpful for integrating questions and content directly into your videos, and can be used in combination with other tools in H5P such as the course presentation content type and branching content type.Try out the example below, or learn about when to use the Interactive Video tool and how to create one in this Interactive Video tutorial.
Try out the example below, or learn about when to use accordians and how to create your own in this Accordian tutorial.
Try out the example below, or learn about when to use Image Sliders and how to create your own in this Image Slider tutorial.
Try out the example below, or learn about when to use Image Collages and how to create your own in this Image Collage tutorial.