Question

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

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

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

Answer 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

我知道这是在不久前发布的，但我刚看到它，希望它能帮助某人：）

Answer 2

创建您自己的按钮，并在要销毁的任何播放器上使用kill()。

SoundCloud小工具 - 关闭按钮

2 个答案: