Question

我正在尝试使用iframe加载html5widget，但即使我使用http://w.soundcloud.com/，我也会收到无法加载的错误以及来自http页面的https连接。我怎么解决这个问题？为什么soundcloud重定向到安全连接？

TNX

编辑：

我正在使用safari并收到此错误：[Error] Blocked a frame with origin "https://w.soundcloud.com" from accessing a frame with origin "http://dev.norwegiansounds.com". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

当我使用firefox时，小部件没有问题。

以下是一个例子：

http://dev.norwegiansounds.com/projects/93/

编辑2：我还没有解决这个问题。我试图创建一个完全空白的文件并复制一般iframe嵌入代码而不编辑它，我仍然得到相同的错误。这只是mac上的safari中的一个问题。不在我的手机或火狐上。

Answer 1

我遇到了同样的问题，最后我解决了它，这增加了执行小部件加载代码之前的延迟。

我的文档中有此代码。

var player = SC.Widget($('iframe.sc-widget')[0]);

然后我将其转换为：

setTimeout(function () {
      var player = SC.Widget($('iframe.sc-widget')[0]);
}, 3000);

我使用此延迟而不是文档就绪来实现了这个自定义的soundcloud播放器，并且可以正常工作。 https://codepen.io/nickcolley/pen/uoCIy

加载soundcloud html5widget导致https / http错误

1 个答案: