javascript - 使用 SoundCloud API 动态嵌入音乐播放器收到错误

Question

在我的网站上，我希望用户能够在输入栏中键入 SoundCloud URL，然后单击保存按钮将输入栏变成播放该 URL 的 SoundCloud 音乐播放器。但是，我在 Chrome 控制台中收到以下错误消息：

Unsafe JavaScript attempt to access frame with URL http://jsfiddle.net/AGcQm/ from frame with URL http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F71112492&show_artwork=true&color=434C58&maxheight=266. Domains, protocols and ports must match.

这是 jsFiddle 中的确切代码：

http://jsfiddle.net/AGcQm/

Answer 1

这应该可以正常工作：

http://jsfiddle.net/AGcQm/2/

$("#btnGo").click(function() {
SC.oEmbed(
    $("#sndUrl").val(),
    {
        color: "434C58",
        maxheight: 266
    },
   $("#soundcloud")[0]);

$("#sndUrl").hide();
$("#btnGo").hide();
});

编辑：我收到与您描述的相同的警告。这似乎是 Chrome 的一些已知问题，但它不会阻止代码工作。基本上 soundcloud iFrame 正在尝试访问父级，而 Chrome 不允许这样做。