iframe Code Working In Edit Mode But Not When Published?

Site URL: https://guitar-perch-t8w6.squarespace.com/get-data

The content of an iframe appears in edit mode but not at all when published. I'm wondering if it's because I'm requesting from an http site and not an https one. The code I'm working with is:

<div style="border: 0px solid #D5CC5A; overflow: hidden;"><iframe style="border: 0px none; margin-top: -85px; height: 985px; width: 100%;" src="http://bmpdatabase.org/tools/stats_map/v2/#/map?owner=bmpdatabase" scrolling="no">
</iframe></div>

Any help would be appreciated!

Hi @clary,

Yup - you guessed it! Here's the error showing in Chrome console:

You should be able to simply change the http to https, since the page you're embedding appears to already support it:

<div style="border: 0px solid #D5CC5A; overflow: hidden;">
  <iframe style="border: 0px none; margin-top: -85px; height: 985px; width: 100%;" src="https://bmpdatabase.org/tools/stats_map/v2/#/map?owner=bmpdatabase" scrolling="no">
  </iframe>
</div>

With this expected result:

Hope this helps!
-Tyler

It worked! You are my new best friend.

*sends drinks down bar to New Best Friend.