Javascript widget not displaying

[skated]

Hi,
I’m trying adding this javascript code in my page using a Raw Element, as you told me in another thread, but it’s not working.

<script src="http://metrocosm.com/metrocosm-migration-embed.js"></script>
<div id="iembed" style="position: relative;width:100%;height:0;padding-bottom:58%;overflow-y:hidden;">
<iframe id="iembedframe" src="http://metrocosm.com/world-migration.html" width=1200 height=700 scrolling="no" style="position:absolute;left:0;top:0;transform-origin:top left;overflow-y:hidden;"></iframe>
</div>`

It doesn’t show anything, just a grey frame as in the picture below:

How can I make it work?
Thanks!

[christopher]

Hi there,

I added the exact same code without that last ``` character and it worked ok:

I tested that with the Cornerstone and with the standard WordPress editor and both cases worked with no issues. In the Cornerstone case, I used the Raw Element.

Needless to say that my test was done in the theme version 5.2.4 and Cornerstone version 2.1.6.

If you do not have the same versions I mentioned please kindly update both the theme and the Cornerstone plugin:

How to Update | Themeco Docs

If you have the same versions and the iFrame is still not showing then it shows that the hosting service provider or a plugin is blocking the iFrame content to load. You will need to contact your hosting service prover to follow.

To make sure it is not related to our theme or the Cornerstone plugin, you can simply add a sample page and disable the Cornerstone plugin completely. Then change the theme to something other than X and test the case by adding the code directly to the standard WordPress editor and check the case.

Thank you.