How to enable embed of H5P content in WordPress

Downloaded the timeline example from this site.

Loaded it into a WordPress test site and it displays fine but the embed option is not available.

Is there a embed switch somewhere in the WordPress interface?

falcon's picture

The embed feature hasn't been implemented in wordpress yet, but you may use a shortcode to embed the H5P content within you own site.

An embed feature for external sites will be implemented for wordpress as well, hopefully this will be in place by the end of this month. The current embed code feature has only been implemented for Drupal, we will improve it and make it available for wordpress as well.

Any news on the embed feature? I don't want to embed my H5P video in a post, but I would like to embed it in another part of my wordpress site. In fact, I would like to embed the video on my Slider Revolution slide. Thanks!

otacke's picture

Hi modjul!

The WordPress plugin has this feature for 2+ (?) years now ... ;-)

Best,
Oliver

I have no idea where to find it. I will only get this short code, but I can't seem to get the video playing with it

otacke's picture

There should be an embed button below your content unless you deactivated it in your WordPress settings for H5P.

Attachments: 

Oh my! Awesome, thanks!

No, still don't see it. I enabled the embed link and the download feature in the Wordpress settings, but when I go to my H5P wordpress library all I see is this:

Attachments: 
otacke's picture

Did you change the general setting or the display options for this very content when editing it?

I don't see a way for me to allow or disallow an embedded link or download button in the editing view of the video. Neither in the general wordpress settings.

I got it!! I got it! Thank you. Allow toolbar below video. Got it. Thanks!

Any news on the embed feature? I don't want to embed my H5P video in a post, but I would like to embed it in another part of my wordpress site. In fact, I would like to embed the video on my Slider Revolution slide. Thanks!

Hi Otacke

When I try to embed H5P video into a Udemy course it asks for a URL? 

otacke's picture

Hi John!

The embed URL can be found in the embed code that you can retrieve from H5P content.

Best,

Oliver 

Hi Otacke

When I try to embed H5P video into a Udemy course it asks for a URL? 

BV52's picture

Reply from John through email

Hi Otacke

I am working through blackboard and trying to load content on Udemy. If I put a link to H5P video then students can access my other H5P files. I need to prevent that so itried embeding the material but then askedfor URL. Is there any othere way to providelinks to my material and not allow them roam.

Thanks John

BV52's picture

Hi John,

Emebedding is different from site to site. If you are working on a CMS/LMS that lets you place HTML codes the embed code usually is what you will need. For sites like Udemy the way to embed may be different.

Normally you will just need the embed code (e.g. Wix):

<iframe src="https://bv-demo.h5p.com/content/1291311840592591469/embed" width="1088" height="206" frameborder="0" allowfullscreen="allowfullscreen" allow="geolocation *; microphone *; camera *; midi *; encrypted-media *" title="Test - Embed"></iframe><script src="https://bv-demo.h5p.com/js/h5p-resizer.js" charset="UTF-8"></script>

Some sites will only accept the emebed URL (I.e. Thinkific)

https://bv-demo.h5p.com/content/1291311840592591469/embed

I am not sure with Udemy but you can try both approach.

-BV

Hi, I have H5P content stored on my WordPress site, which I then embed in our LMS. To do this, I have to have the embed option enabled but this then means anyone accessing the content through our LMS can embed our content somewhere else.

Is there a way to disable the option to embed once the code has been used to embed in our LMS? At the moment, if I disable the option to embed, the content embedded on our LMS fails to load.

I'd also like to disable the option once the item has been embedded; I've got proprietary materials I'm creating for paying clients and I don't want other to get access to it.

otacke's picture

Hi!

Please find my answer at https://h5p.org/comment/43993#comment-43993 and try not to post your questions across multiple posts.

Cheers,
Oliver

Hello,

Please how do i change the button color to match with my theme? I'm embedding in thinkific course player

BV52's picture

Hi,

The easiest way is to use a PHP hook, to add your own CSS-file to the content type. Please visit the Visual Changes page for more details.

-BV