html - 在方形空间中嵌入光球

标签 html css iframe squarespace

我正在尝试将光球嵌入到 Squarespace 中。

Google map 工作正常,但不符合我的需要,看起来如下:

<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>

我们认为问题是什么?

最佳答案

通常,在这种情况下,问题是在 iframe 中使用了 http 协议(protocol),而您仍然通过 https 登录到 Squarespace。您应该尝试在登录时查看该页面,确保您是通过 http 而不是 https 查看该页面。如果您提供该页面的链接,我也很乐意查看。

这样做的原因与浏览器安全有关。在通过 https 查看父网站的同时通过 http 加载资源存在潜在的安全风险,因此浏览器不允许这样做。谷歌地图支持通过 https 加载(你可以看到你正在使用的谷歌地图链接使用 https)。而 sphereshare.net 不支持 https,所以您使用的是 http。当登录到 Squarepace 时,您正在通过 https 加载网站,但通过 http 加载 sphereshare iframe,因此浏览器不允许它。

在未来,希望您能够将 https 与 sphereshare 一起使用,然后它在任何一种情况下都可以工作。在此之前,您必须注销并将协议(protocol)设置为 http 才能查看通过 http 加载的 iframe。

关于html - 在方形空间中嵌入光球,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38928078/

相关文章:

javascript - 使用 JQuery 委托(delegate)的标签 ID

javascript - 什么颜色格式允许正确的颜色值 "adding"或 "mixing"?

jquery - 根据日期更改带有 JQuery 的 Div 类

javascript - XUL iframe firefox 插件,如何更改 iframe 中的 src?

javascript - Jquery 选择以 ID 为条件的表单项

html - 如何使用对象中给出的数据构建动态 a href 链接(Node.js && handle )

javascript - 使用位置 :sticky for the bottom of a div Container

css - CSS 显示属性的过渡

javascript - 如何在父级之上显示 iframe 弹出窗口?

ios - 如何允许 Cordova 6.1 应用程序从网站在 iOS 中嵌入 iframe?