Wordpress Plugin Embed option not working

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

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.

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

You're welcome.

BV52's picture

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