H5P and Moodle question types visual guide

stuartrmealor's picture

Hi everyone

I've been doing some work recently around how the H5P question content types relate to the Moodle quiz and question types, to help teachers understand this.

I thought this might be useful for peaople, so I'm sharing it here. It's under a CC license, so feel free to use within your teaching and courses :-)

https://elearningworld.h5p.com/content/1290985419330027149

Stuart :-)

Content types: 
BV52's picture

Hi Stu,

Thank you for sharing!

-BV

stuartrmealor's picture

Very happy to share this - I hope some people find it useful :-)

While making this post I thought I would be able to embed the H5P content, rather than just link to it.

Is that not possible with this forum engine / editor ?

As shown n the rich-text notes "Add a [h5p=<h5p id>] tag to include h5p content, for instance to include the H5P with node id 12."

So I tried [h5p=https://elearningworld.h5p.com/content/1290985419330027149]

But this doesn't appear to work :-(

otacke's picture

Hi Stuart!

What you are referencing is the shortcode feature of WordPress. It expects the id of a content type on that WordPress site (here 12). You can't feed it a URL to some other site.

If you want to embed the content from H5P.com, then you should use the embed code that's provided when clicking on the embed button below your content (needs to be public, and embedding must be enabled).

Best,

Oliver 

stuartrmealor's picture

Thanks so much for your assistance Olivier.

However, I can't see how to use the editor here to add the iframe ?  :-(. e.g.

<iframe src="https://elearningworld.h5p.com/content/1290985419330027149/embed" width="1088" height="637" frameborder="0" allowfullscreen="allowfullscreen" allow="geolocation *; microphone *; camera *; midi *; encrypted-media *"></iframe>

This is just displayed as text.

I'm either being quite stupid, or missing something simple (and possibly both, lol), but I thought there would be an option to add HTML to a post, and that's where I could paste the iframe embed code?

otacke's picture

Hi Stuart!

I am sorry. I was under the impression you wanted to embed H5P content inside other H5P content.

Best,

Oliver 

stuartrmealor's picture

That's OK Oliver, I possibly didn't explain my question 100% clearly?  Stu :-)

BV52's picture

Hi Stu,

First you have to click the 'Disable rich-text' (right below the comment box) then you paste the same code. Please note that you may need to adjust the width to around 900 since it will be cut-off on the right side.

stuartrmealor's picture

Thanks BV52

I feel emnbarassed now!  lol. Visually I had been looking at the text "Disable rich-text" as a label, or heading, and not realised it was actually a link!

Silly I know, as the CSS colour-scheme here is 'pinks for links' !  lol

Have edited original post, but left the conversation, as it may help someone else who encounters the same situation :-)

BV52's picture

Hi Stu,

Don't worry I use that a lot but every now and then I forget that it is there ;-)

I also removed my embed above, I forgot to do that after checking the how much witdh is needed.

-BV