.st0{fill:#FFFFFF;}

H5P is a free and open-source content collaboration framework based on JavaScript. It is an abbreviation for HTML5 Package and aims to make it easy for everyone to create, share and reuse interactive HTML5 content. You can go to the H5P site to see more types of interactive content. Interactive videos, presentations, quizzes, timelines, and more have been developed and shared using H5P. H5P has been used widely in many LMS platforms, including Moodle. H5P Interactive video is an HTML5-based interactive video content type that allows users to add multiple choice and fill-in-the-blank questions, pop-up text and other types of interactions to their videos using only a web browser.

In this blog post, I will guide you on how we can start to use the H5P interactive video feature in Moodle.

Interactive Video example

Here is an example of an interactive video made using H5P. Try playing the video, and then we’ll look at how to create this within your Moodle site.

Steps to create H5P Interactive Video in Moodle

  • In an editing teacher role, on your Moodle course, click “Edit mode”.
  • Click “Add an activity or resources.
  • Select H5P activity
  • Insert a Name for the activity and click on “content bank (opens in a new window)” from the package section to create a new H5P.
  • Click “Add” and select “Interactive Video” from the list.

Steps on embedding a pre-recorded video into H5P

  • Click on the “+” section to select your video
  • Paste the video source URL and click on Insert.

Using H5P Bookmarks

You can use the H5P Bookmark feature to create segments in your video. This can effectively chunk up your videos into smaller parts.

  • Go to the segment of your video where you would want to create a Bookmark. Click on the “Bookmark Icon” and “+ Add bookmark”. Please give it a name, and you are good to go!
  • You can delete a bookmark by selecting it from the bookmark menu and then clicking on the “x” icon.

Adding H5P Interactions

Previously we have embedded video in H5P, created bookmarks to add steps, and now it is time to add interactions in H5P.

  • Click on “Add Interactions
  • You can select the type of H5P interactions you would like to use from the list of icons.
  • Here’s the list of H5P interactivity types you can use (from left to right)
    • Label > Text > Table > Link > Image > Statements > Single Choice Set > Multiple Choice > True/False > Fill in the blanks > Drag & Drop > Mark the Words > Drag the Words > Crossroads > Navigation Hotspot

H5P FAQ’s

How do I use H5P on Moodle?To use H5P on Moodle, you need to embed it from the Content Bank. First, click the H5P button in Atto, then select ‘Browse repositories’. From there, navigate to the Content Bank repository and choose an H5P file. You have the option to either make a copy of the file or create a shortcut. After selecting the file, click ‘Insert H5P’. This process allows you to integrate interactive H5P content into your Moodle course.
What is H5P on Moodle?H5P, standing for HTML5 Package, is a tool that simplifies the creation of interactive content such as presentations, videos, quizzes, and games on Moodle. It’s designed to be user-friendly, eliminating the need for programming skills. H5P content can be created in the Content Bank or on the h5p.com site, or with the LUMI app for desktop, and added to your course as an H5P activity or embedded into any other activity or resource.
How do you insert H5P?To insert H5P content, you need to first click on the “Embed” link located below the content you wish to embed. Copy the provided code and switch to the Textual editor in your WordPress blog post editor. Paste the code there, then switch back to the Visual editor to see the content you’ve just embedded. You can then continue editing your blog post and save as usual.
Is H5P free for Moodle?Yes, H5P is a free and open technology, licensed with the MIT license. It provides a platform for users to create, share, and reuse interactive content. This includes demos, downloads, tutorials, and documentation for users who want to join the community and utilize this technology.
How do I track H5P in Moodle?To track H5P activities in Moodle, you need to install the H5P plugin or use the core H5P feature. This plugin allows the tracking of activities created within it, including inclusion in reports such as the activity report or gradebook. Without the plugin, embedded content created with the H5P authoring tool will not be tracked.
How do I embed H5P into a book in Moodle?To embed H5P into a book in Moodle, you need to access the ‘Interactive Content’ page for the H5P activity. From there, click on ‘Display Options’ to expand the section. Check the boxes for ‘Display action bar and frame’ and ‘Embed button’. After saving, you’ll be redirected to the H5P activity.
How to create H5P quiz?To create an H5P quiz, select the ‘New content’ option and choose ‘Quiz (Question Set)’ from the list of content types. From there, you can customise the quiz by setting the pass percentage, adding questions of various types (such as multichoice, drag and drop, fill in the blanks), and writing a quiz introduction.
Where is H5P content stored on Moodle?H5P content is stored in the Moodle data directory. Moodle uses its File API to manage files, and these files are stored in a location on your server that you define when you install Moodle. This ensures that your H5P content is securely stored and easily accessible when needed.
How do I save a H5P in Moodle?To save an H5P file in Moodle, you need to upload the .h5p file from your local machine. Open the Hub and click the “Upload” tab. Find the file on your local machine, upload it, and then click “Save”. This will save the H5P file to your Moodle course.
How do I upload H5P content?Uploading H5P content is a straightforward process. Open the Hub and click the “Upload” tab. Find the file you want to upload and select it. After the file has been uploaded, click “Save”. Your H5P content is now uploaded and ready for use.
What can H5P do?H5P, or HTML5 Package, allows users to create, share, and reuse interactive content. It’s a markup language that enables the creation of interactive content without the need for plugins. It’s mobile-friendly and relatively simple to use, making it a popular choice for creating interactive educational content.
Where can I host H5P for free?While H5P.org is a great place to start using H5P and experiment with different content types, it’s not intended to store all of your interactive content. For hosting, you might need to consider other options. H5P is free, open-source, and easy to use, but hosting can be a limitation.
How do I add interactive content to Moodle?To add interactive content to your Moodle site, you need to first turn on editing. Then, click the ‘Add an Activity or Resource’ menu in the section of your choice. Select ‘Interactive Content’ and click ‘add’. In the Editor box, select either ‘Interactive Video’ or ‘Image Hotspots’. This will allow you to add interactive elements to your Moodle course.
How do I create an interactive content in Moodle?To create interactive content in Moodle, log into your course and click on ‘Create learning activity’. From the menu, select ‘H5P Interactive Content’. Give your activity a name and use the description area to post instructions for students. In the H5P editor, you can choose from a list of activities to create interactive content tailored to your course.
How do I use H5P on my website?Using H5P on your website involves embedding the H5P content into your web pages. This can be done by copying the embed code provided by H5P and pasting it into the HTML of your website. This allows you to display interactive H5P content directly on your website, enhancing the user experience.

There are many H5P Interactive Content types that you can create. If you need help developing interactive content and learning more about H5P,  contact us today. 

Putri Nor Atteya


Putri is a technologist who enjoys helping people understand Moodle, an e-learning platform. She is currently serving as an e-learning consultant and LMS trainer at Pukunui Sdn Bhd, a leading Learning Management Systems provider based in Malaysia. Putri has trained hundreds of lecturers to ensure they are well prepared for their teaching and learning journey. She is also described as an easy-going, good listener, easy to talk to, and hardworking person. Prior to her current position, she was the IT Executive: Learning Technology at The University of Nottingham Malaysia Campus and worked as a teaching assistant at Universiti Putra Malaysia and system engineer at Mutiara Teknologi Sdn Bhd.

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

销售您的在线学习课程从未如此简单。自2020年疫情爆发以来,电子学习已经大幅流行。因此,向公众销售访问您的在线学习课程可能会带来丰厚回报。然而,您需要确保有一个良好的LMS系统才能让这一切顺利进行。 Pukunui已经帮助多位客户成功从在线课程销售中获利。以下是一些案例研究,展示了我们的成功经验。

Read More
销售您的在线学习课程

马来西亚国际医药大学(IMU)培养未来的医生和其他医疗专业人员,以应对意外情况。因此,该大学有能力应对任何紧急情况。2020年初新冠疫情的到来对所有人来说都是一次考验,该大学邀请Pukunui帮助他们处理一个不寻常的非医学问题。

Read More
疫情期间提升IMU Moodle性能的可扩展解决方案

太平洋灾害中心为亚洲各国政府机构提供的学习管理系统(LMS) 太平洋地区自然灾害频发。因此,让专家分析情况和威胁,然后实时向相关部门提供信息,会大有裨益。太平洋灾害中心(PDC) 为整个太平洋地区的政府提供分析和预警。因此,他们明白政府机构拥有 LMS对地方官员进行高度培训的重要性。 PDC早在 2018 年就与Pukunui接洽,希望他们能帮助将当时完全面对面授课的培训内容转移到一个用户友好且灵活的在线平台上。Moodle是完美的选择。 灵活且适应性强的学习平台 我们的第一个项目涉及建立一个培训计划,即专门为印度尼西亚政府官员设计的 LMS。在我们的开发人员构建了用于托管该计划的主要 Moodle 平台后,我们开始将培训材料(全部在 Microsoft Word 文档中)转移到交互式培训模块中。我们使用了多种功能(例如 Moodle 图书活动和截屏视频)来实现这一点。 PDC’s Moodle based, elearning site 所有内容都是多样化的,因此不同需求的个人用户可以以不同的级别访问课程。每个人本质上都在学习同一门课程,但内容是根据他们的反应量身定制的。 该模式非常灵活。一组用户仅从 Moodle

Read More
Moodle 帮助印度尼西亚避免灾难

最近很荣幸为亚洲电子大学 (AeU) 员工提供为期一天的Pukunui LMS Manager培训。该培训面向负责管理Moodle™站点的个人。它涵盖了广泛的主题,包括站点设置、用户帐户、角色和自定义角色、身份验证方法、注册方法以及管理课程和类别。 1、2、3,开始! 培训从讨论站点设置开始,我解释了主要的管理设置以及如何浏览 Moodle™ 界面。然后,工作人员了解了用户帐户以及可以分配给用户的不同角色和自定义角色。我们还介绍了可用的不同身份验证和注册方法以及如何设置它们。 接下来,工作人员深入探讨了如何管理课程和类别。我演示了如何添加新类别、如何管理现有课程、如何添加新课程以及如何备份和恢复课程。我还讨论了课程默认设置以及如何上传课程。 午餐后,工作人员了解了 Moodle™ 网站的外观,包括可用的不同主题以及如何自定义网站的外观和感觉。我们还介绍了报告和自定义报告,我解释了可用的不同日志和报告选项以及如何创建自定义报告。 在整个培训过程中,员工们都积极参与实践活动和小组讨论。他们觉得这次培训非常有价值,因为他们可以将学到的概念应用到实际环境中。他们还喜欢培训的互动性,这使他们可以提问并与其他成员分享经验。 培训中的AeU员工 培训结束后,员工可以利用所学知识改进 Moodle™ 网站,使其对学习者来说更加用户友好、更加高效。他们可以自定义网站设置、管理用户帐户和创建自定义角色。他们还学习了如何管理课程和类别、备份和恢复课程以及创建自定义报告。 结束 总体而言,开展这项培训是一次很棒的体验。员工们积极性很高,渴望学习。我相信这次培训使他们受益匪浅,并将帮助他们更高效、更有效地为学习者管理 Moodle™ 网站。Pukunui的口号永远是“促进教育”。 LMS现在非常流行。几乎每个组织都在使用它。我们在博客文章中整理了电子学习的好处。请看一下,这样您就可以了解电子学习能为您带来什么好处。如果您正在为您的组织寻找可靠的 LMS,我们再次为您提供答案。立即联系Pukunui!

Read More
亚洲电子大学 Moodle 培训

Pukunui帮助 UniKL 将Moodle迁移到新服务器。 早在 2015 年,马来西亚首屈一指的大学之一吉隆坡大学就已安装了 13 个不同的Moodle。这些系统分布在马来西亚东部和西部的校园中。尽管吉隆坡大学的学生可以访问大学提供的不断增长的电子学习课程库,但学生的体验因他们就读的校园而异。  

Read More
一体化 Moodle 网站助力吉隆坡大学电子学习

At Pukunui, we are at the forefront of eLearning solutions in Malaysia, offering top-tier LMS Hosting services tailored for the Malaysian market. Our commitment to

Read More
Career Opportunities at Pukunui Malaysia

Talk to us 

How can we help you, help your learners?