1. Examples
  2. Adding an H5P interactive activity to your course
  3. H5P and Moodle Resources
  4. Convert MediaSpace Links for Interactive Content (H5P) Activities

Interactive Content (H5P) empowers everyone to create rich, interactive web experiences, either embedded within cuLearn or as a web tool. H5P content is fully responsive and mobile friendly. Some examples of activities include interactive videos, timeline generators, audio quizzing, flashcards, image sequencing and so much more.

Other resources:


Create videos enriched with interactions
Create a presentation with interactive slides
Create courses, books or tests

See the full listing of over 80 interactions on the H5P Example page (these are the same activities just not embedded into cuLearn)

Adding an H5P interactive activity to your course

  1. Log in to cuLearn using your MyCarletonOne credentials.
  2. Click on your course link.
  3. On your main course page, go to the topic/section in which you would like to add H5P content.
  4. Click Add an activity.
    NOTE: If you are unable to see the Add an Activity menu, your course editing may be turned off. To turn on course editing, click the settings gear on the top-right side of your course page, and select Turn editing on from the drop-down menu.
  5. In the drop-down menu, select Interactive Content.
  6. On the Adding a new Interactive Content page, enter a description for your content.
  7. You can view and select the content type you would like to incorporate in your course through the Editor drop-down menu. Click on the details button next to each content type to read the description of the activity.               
    TIP:  Click on the Content demo button to test and play with the selected activity on the H5P website.
  8. When viewing the details for a content type, you can click the Use button to add the activity to your course. The activity will automatically be imported into cuLearn.
  9. After you have selected the activity, you will be prompted to follow the on-screen instructions to customize the activity on the Adding a new interactive content page.
  10. Under Display Options, you can choose how the content type will be displayed to your students. Select one or more of the following options:
    • Display action bar and frame (default) 
    • Allow download
    • Embed button
  11. Adjust the remainder of the activity settings as you would normally for typical course assignments.
  12. Click Save and Display or Save and Return to Course.

You will now see a link to your H5P activity on your course page.

H5P and Moodle Resources

You can see and test out examples of all the possible H5P activities in cuLearn by clicking on this link, H5P – Interactive Content, and enrolling in our demo course. Please note the interactive content feature is still hidden from instructors by default, but we can turn it on in any course. Just email edtech@carleton.ca with your course requests.

Other resources:

Convert MediaSpace Links for Interactive Content (H5P) Activities

When using videos in H5P activities we recommend that you upload the videos to MediaSpace (Carleton’s media server)

  1. Add the videos to MediaSpace
  2. Publish the video and copy the share link.
  3. Paste the URL into the box below beside “Mediaspace URL:” and click the Generate URL button.
  4. The generated link will be added to your clipboard automatically
  5. Use this link when asked to provide a “video source URL” in the Interactive content (H5P) activities.

Make sure your video is published as “Unlisted” on Mediaspace.

Was this page helpful?

5 people found this useful