四角形に光球を埋め込む

Question

私はSquarespaceに光球を埋め込もうとしています。

Googleマップが正常に動作しますが、私のニーズに合わせて、次のように見えるしません：

代わり

<iframe src="https://www.google.com/maps/embed?pb=!1m0!3m2!1sen!2sus!4v1471028758208!6m8!1m7!1sF%3A-hjcchX5MD5g%2FV03OAcggYUI%2FAAAAAAAAKeM%2FXwIrucnK4IQkwWbhxu9BrvOATMYZaMmKgCLIB!2m2!1d37.870246!2d-119.360704!3f125.91384035181916!4f6.045852307800146!5f0.7820865974627469" width="100%" height="800" frameborder="0" style="border:0" allowfullscreen></iframe> 

、私は彼らの埋め込みは、以下のように見えますが、動作しませんsphereshere.netを通じて埋め込みたいです。

<iframe src="http://sphereshare.net/#!/e/c467ba7af9753ee287cd44550493e966" height="320" width="620" frameborder="0"></iframe> 

私たちは何が問題だと思いますか？

Answer 1

通常、このような場合、https経由でSquarespaceにログインしている間にiframeにhttpプロトコルを使用することが問題になります。 ではなく、がログインしている間にページを表示するようにしてください。httpsではなくhttp経由でページを表示していることを確認してください。あなたがそのページへのリンクを提供しても、私は見てもうれしいです。

この理由は、ブラウザのセキュリティと関係があります。 HTTP経由で親Webサイトを表示しているときにHTTP経由でリソースをロードするとセキュリティ上のリスクが生じる可能性があるため、ブラウザでは許可されません。 Googleマップはhttps経由での読み込みをサポートしています（Googleマップで使用しているリンクがhttpsを使用していることがわかります）。 sphereshare.netはhttpsをサポートしていないので、httpを使用しています。 SquareSpaceにログインすると、httpsでWebサイトが読み込まれますが、httpでspheresare iframeが読み込まれるため、ブラウザでは許可されません。

将来的には、sphereshareでhttpsを使用できるようになり、どちらの場合でもうまくいきます。それまでは、ログアウトしてプロトコルをhttpに設定して、http経由で読み込まれたiframeを表示する必要があります。