Apparently if works in Safari right away, while Chrome says “Failed to load resource: net::ERR_INSECURE_RESPONSE” and the code only shows the purple “Loading”.

“Your resource probably use a self-signed SSL certificate over HTTPS protocol. Chromium, so Google Chrome block by default this kind of resource considered unsecure. ”

You can bypass this this way :

Assuming your frame’s URL is https://www.domain.com, open a new tab in chrome and go to https://www.domain.com.
Chrome will ask you to accept the SSL certificate. Accept it.
Then, if you reload your page with your frame, you could see that now it works
The problem as you can guess, is that each visitor of your website has to do this task to access your frame.

You can notice that chrome will block your URL for each navigation session, while chrome can memorise for ever that you trust this domain.

This problem will be fixed in a more elegant way, as soon as the entire site moves to HTTPS, soon.

LE: if you can use the code , changing the HTTPS to HTTP in the api calls in the javascript code (not on JSFiddle), then it will work as well.