Interactive Video

Mongo Canvas, similar to Moodle, supports interactive video using H5P. Instructors can embed H5P content in 'Assignments' or on pages within the course.

Adopting H5P on Mango

For instructors who have created videos directly using the H5P system, or who already have video content, the embed code of the content can be integrated into the course.

Copy embed code from H5P

Create new page on Mango

Open HTML Editor

Paste the code into the Text Editor and remove all the text that follows the </iframe> tag.

Switch back to Rich Text mode to display the results of the interactive video.

The H5P content from the embed code will appear in the Rich Text Editor, which can be previewed or added additional text.

Hit 'Save'.

This will create a page containing an interactive video with which students can actively engage.

Creating Interactive Video

Instructors looking to create interactive videos or content compatible with Mango Canvas, or to transfer interactive content from KC-Moodle to Mango Canvas, can utilize Lumi to develop interactive materials specifically for Mango Canvas.

Download Lumi: https://app.lumi.education/

To create a new video, click START at H5P Editor.

Create new H5P interactive video and choose desired content.

Upload the video and create interactions and tasks.

After finalizing, click File >> Export >> select SCORM package >> EXPORT NOW.

Goto Mango Canvas >> SCORM >> three-dot button >> Enable >> Save.

Go to SCORM in the left menu panel, and choose Upload.

Choose the exported file from Lumi.

After uploading, choose import type as follows.