SoundCloud 小部件 - 关闭按钮答案

【问题标题】：SoundCloud Widget - Close buttonSoundCloud 小部件 - 关闭按钮
【发布时间】：2013-11-04 15:22:11
【问题描述】：

我在一个长网页上有许多 SoundCloud 小部件（因此网页不会改变位置，比如在调用 SoundCloud 文件时跳转到顶部）。

但是，我找不到小部件的关闭按钮，因此有可能同时打开许多小部件。并且似乎如果打开的太多，则新的不会加载声音文件。（当打开一个新的小部件时，任何现有的可见小部件都会自动暂停，这很简洁。）

有没有人找到允许用户关闭 SoundCloud 小部件的方法？

【问题讨论】：

【解决方案1】：

在我的网站中，我刚刚创建了自己的按钮，该按钮与小部件 iframe 位于同一容器中，并对其应用了一些 CSS 规则。
HTML：

<div id="playerContainer">
        <span id="closePlayer" class="glyphicon glyphicon-remove"></span>
        <iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/164855780&amp;amp;color=5ab7e6&amp;amp;auto_play=true&amp;hide_related=false&amp;amp;show_comments=true&amp;amp;show_user=true&amp;amp;show_reposts=false" style="display: inline;"></iframe>
</div>

CSS：

#closePlayer { 
    position: fixed;
    bottom: 142px;
    right: 3px;
    z-index: 999;  
}

JS（包括 jQuery）：

document.getElementById('closePlayer').addEventListener('click', function() {
    $(this).parent().fadeOut(400, function() {
        $(this).remove();
    });
});

它的样子：http://i.imgur.com/4HJr4HX.png

我知道这是不久前发布的，但我刚刚看到它，希望它对某人有所帮助:)

【讨论】：

【解决方案2】：

创建您自己的按钮并在您想要摧毁的任何玩家上使用kill()。

【讨论】：