0

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

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

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

4

2 回答 2

0

在我的网站中，我刚刚制作了自己的按钮，该按钮与小部件 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

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

于 2014-08-27T16:56:31.410 回答
0

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

于 2018-09-10T03:20:48.127 回答