像Soundcloud播放器一样在网站上进行iframe通信

Question

我想为我的服务（如soundcloud播放器）编码音频播放器。我对iframe的交流有疑问。

当其他用户将我的播放器嵌入他们的网站并开始在第一个播放器中播放音乐时，由于跨域阻止了我，我无法停止其他播放器中的音乐。

我曾经这样做

window.parent.frames

然后

$(document).on('click', 'button', function (e) {
            var targetHashClicked = e.target.getAttribute('data-hash');
            var frames = window.parent.frames; 
            for (var i = 0; i < frames.length; i++) {
                if(targetHashClicked !== frames[i].document.body.getAttribute('id')) {
                    frames[i].stopPlayer();
                }
            }
        });

它在我的http://localhost/上运行良好，但是当我在产品上发布它时，其他站点在控制台中出现“ corss-origin”错误。

https://i.imgur.com/Z6tA1H4.png

也许您知道，如何在诸如soundcloud.com的音频播放器之间进行正确的通信