Wordpress Plugin Embed option not working

Submitted by ImAmandaR on Thu, 09/14/2017 - 14:36
Forums: 
Content creation

Hi all, I just searched for an answer on this, but it doesn't seem that anyone has run into it yet. I am using the H5P Plugin for Wordpress, which means my content is saved on MY domain not H5P.org. 

I will have people who will want to embed content onto their own Wordpress site, but it doesn't work with my domain. I just loaded the content onto H5P.org and used that embed code and it works.

What am I doing wrong?

MY embed code (not working):

<iframe src="http://my.sparkologylab.com/wp-admin/admin-ajax.php?action=h5p_embed&id=6" width="958" height="563" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="http://my.sparkologylab.com/wp-content/plugins/h5p/h5p-php-library/js/h5..." charset="UTF-8"></script>

H5P embed code (working):

<iframe src="https://h5p.org/h5p/embed/116072" width="1090" height="638" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://h5p.org/sites/all/modules/h5p/library/js/h5p-resizer.js" charset="UTF-8"></script>

otacke's picture

otacke

Thu, 09/14/2017 - 16:59

Hi ImAmandaR!

It is very likely that it is an issue with mixed content. You cannot embed iframes from a server that's not secured (like your's) into a website that's secured. Because your question is so common, I created a brief video recently. In a nutshell: You'll probably want to use SSL encryption for your server.

ImAmandaR

Thu, 09/14/2017 - 18:05

I just tested it on a site that has httpS and tada! it's working! Thank you very much for your help.

otacke's picture

otacke

Thu, 09/14/2017 - 23:39

You're welcome.

BV52's picture

BV52

Fri, 09/15/2017 - 06:07

Thanks Otacke. I'll take note of this for future reference :-)

whitecloth8

Wed, 07/08/2020 - 16:14

I read the above post and I don't have the mixed content issue. When I copy the public embed code I get the message "The link may be broken or the URL has been mistyped". What am I doing wrong?

Attachments: 
Image icon 0-h5p-embed-error-message.JPG
Image icon 0-h5p-embed-error-message2.JPG
BV52's picture

BV52

Wed, 07/08/2020 - 18:22

Hi whitecloth8,

Please check your publishing options. You need to set it to Public for embedding to work.

-BV

Attachments: 
Image icon publishing options.png

whitecloth8

Sat, 07/11/2020 - 00:05

Hello. I've set the publishing option to public and it is still not working. The embed code works when I remove the h5p "src". For example, the src on my video that does not show is https://mygcctutor.h5p.com/content/1291056571182137067/embed. If I change the src to "https://bing.com" it works on my site. 

BV52's picture

BV52

Mon, 07/13/2020 - 18:46

Hi whitecloth8,

Do you happen to have domail white listing turned on? You can check this by going to Manage Organization -> Settings -> Security Settings. If you have it turned on please make sure that you have the site that you are embedding into in the list of domains that are white listed. If it is off or if your site is already on the list I suggest that you cotact H5P.com support directly by sending an email to [email protected].

-BV