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

时间:2012-12-17 21:28:55

标签: javascript jquery iframe soundcloud

在我的网站上,我希望用户能够将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/

1 个答案:

答案 0 :(得分:3)

这应该可以正常工作:

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不允许这样做。