This article will walk you through the steps of creating HTML5 contents from H5P.org and integrating it in your course.

Step 1:

Login to h5p.com

Step 2:

Click on Add Content


Step 3:

Choose the content type that you want to convert to a HTML package. Note that h5p supports converting Video/Images/GIFs etc., to HTML5 Packages.

For the sake of understanding we are selecting the content type 'Interactive Video'.



Step 4:

Add the video that you need to convert to an HTML package. To add video click the Add file option and upload the video from your local storage or paste the link to the video source.

In this example we are using a video from YouTube. Once you are done uploading the video select Insert.



Step 5:

Now that you have added the video, navigate to Add interactions and select the type of interaction you need. In this example we are selecting fill in the blanks question. Once you are done with this step, navigate to Summary Task, enter relevant information, and click Save.


Step 6:

Navigate to My Content and select Publish from the dropdown menu corresponding to the course you created.


Step 7:

Publish the content as public and copy the Embedded URL


Step 8:

Now, login to your BrainCert account and click on upload HTML contents


Step 9:

Enter the Title and paste the copied code in the HTML content box and click on save.


Step 10:

To add the HTML5 content to course lectures navigate to course page and click Add course materials under course options corresponding to the course to which you want to add the HTML5 content.


Step 11:

Once the Chapters and the Lectures are added, click on Add content under the gear option in the Lecture and select the HTML5 content to be added to the course and click on ADD.

We hope you found this article helpful.

IMAGE