H5P logo

H5P Toolkit for Web-based instruction

  • Pre-workshop activities: 10 min
  • Introductory presentation: 15 min
  • Hands-on activities: 60-90 min

Why H5P?

H5P is a open source toolkit that allows users to modify existing Youtube videos and create interactive web based content to make learning more engaging. H5P can act as a tool for educators to create self-paced makerspace instruction and self assessments, thus making learning accessible and a personalized experience. Therefore H5P interactive videos help create a more dynamic, engaging, and learner-centered environment that supports various educational goals—from increasing engagement and comprehension to providing personalized learning experiences and real-time feedback.

H5P stands for HTML5 Package and is an open-source framework that allows educators and content creators to create, share, and reuse interactive content such as videos, quizzes, games, presentations, and more, all within HTML5. This makes it compatible across various devices and platforms without the need for additional plugins.

Learning objectives

At the end of this workshop, you will be able to:

  1. Introduction to H5P - Understand what H5P is and how it can enhance videos with interactive features.
  2. Creating and Editing Videos- Upload and modify existing videos using Wordpress H5P plugin and learn how to add interactive elements like quizzes and text.
  3. Adding Interactivity- Add interactive features such as multiple-choice questions, pop-up text, and links.
  4. Engaging Learners- Design videos that encourage active learning and help students engage with content.
  5. Sharing and Embedding- Learn how to share and embed interactive videos into websites or learning platforms.
  6. Evaluating Learning - Use H5P tools to track student engagement and quiz performance.
  7. Reflection and Application - Reflect on how to use interactive videos in your own studies or teaching projects.

These outcomes focus on key skills and concepts that you will be able to do upon completing this workshop.
. NEXT STEP: Pre-Workshop Activities