How to enable embed of H5P content in WordPress

Submitted by chrisk on Wed, 08/06/2014 - 02:41
Forums: 
General discussion

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

falcon

Wed, 08/06/2014 - 10:54

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.

modjul

Fri, 04/06/2018 - 16:56

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

otacke

Fri, 04/06/2018 - 17:00

Hi modjul!

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

Best,
Oliver

modjul

Fri, 04/06/2018 - 17:01

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

otacke

Fri, 04/06/2018 - 17:06

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

Attachments: 
Image icon embed.png

modjul

Fri, 04/06/2018 - 17:14

Oh my! Awesome, thanks!

modjul

Fri, 04/06/2018 - 17:27

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: 
Image icon Screenshot (205).png
otacke's picture

otacke

Fri, 04/06/2018 - 17:30

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

modjul

Fri, 04/06/2018 - 19:37

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.

modjul

Fri, 04/06/2018 - 19:38

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

modjul

Fri, 04/06/2018 - 16:59

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!

John McLellan

Thu, 04/29/2021 - 10:26

Hi Otacke

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

Attachments: 
Image icon Screenshot 2021-04-01 09.46.30.png
otacke's picture

otacke

Thu, 04/29/2021 - 12:18

Hi John!

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

Best,

Oliver 

John McLellan

Thu, 04/29/2021 - 10:26

Hi Otacke

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

Attachments: 
Image icon Screenshot 2021-04-29 12.25.02.png
BV52's picture

BV52

Fri, 04/30/2021 - 01:43

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

BV52

Fri, 04/30/2021 - 02:03

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

lobbwill

Wed, 07/21/2021 - 14:01

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.

eineLehrerin

Thu, 11/11/2021 - 22:10

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

otacke

Fri, 11/12/2021 - 08:04

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

COC Beauty School

Thu, 06/09/2022 - 15:32

Hello,

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

BV52's picture

BV52

Thu, 06/09/2022 - 18:11

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