Embedding H5P in Canvas

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

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

 

SCreencapture embeding in Canvas Course.gif