Begin at the Beginning

This post will hopefully show you the basics of using H5P content. You can see some examples of H5P Content Types at the H5P website.

So let’s place some example H5P content below…



How did it get there? Well I embedded it. You whatted it?

I copied and pasted the code that makes up the above piece of content – known as an “accordion“.

You can use (play with) the content above. Click on “What is H5P?” and see a definition appear. Click on the other choices to see more about H5P. To use this on your site, you click on the little Embed symbol – <> Embed – at the bottom of the accordion. A window will pop up allowing you to copy the code.

H5P Embed code window

Then paste the code in your editor (in systems such as Canvas or WordPress), and when you Publish, it will appear on your page. Any updates to the content, by the original author, will be reflected on the site you embedded the code on.

There is also a Reuse button – we’ll talk about that at a later time.

So that’s a quick introduction to using H5P content. The next thing you can do is get a website on UNF Faculty Domains (if you don’t have one already), and then ask the nice people at CIRT to help you get started hosting your own H5P content.

Good luck and have fun!


Photo by Danielle MacInnes on Unsplash

3 Responses

Leave a Reply

Your email address will not be published. Required fields are marked *

More Articles