Once you have created an h5p object content type complete the following steps to embed it in Canvas. You can embed h5p in Canvas in most content types in Canvas including, pages, discussions, assessments and assignments.

Copy and Embed code from your h5p Object

Find and copy and embed code for an h5p an h5p element

1. Click My h5p content to view all of the h5p content you have created or uploaded
2. Click the title of the h5p you want to embed
3. From the editing menu select View
4. Click Embed and copy the embed code

Sceencast Kaltura embed code.gif

Add the H5P Element to a Canvas course

From any Canvas course edit a page to display the h5p object
From the top menu select Insert and Embed
Paste the embed code into the box and click Submit
Save the page and the h5p content type will be visible the course'

SCreencapture embeding in Canvas Course.gif