的SoundCloud小工具 - 关闭按钮

我还有很长的网页（所以该网页不改变公司，比如位置，跳转到顶部被调用的SoundCloud文件时）在许多的SoundCloud的小部件。的SoundCloud小工具 - 关闭按钮

但是，我无法找到一个widget的关闭按钮，这样有潜力的许多部件是开放一次。而且看起来如果打开的太多，一个新的不加载声音文件。（这是整齐的，一个新的窗口小部件被打开时，任何现有的可视控件可以自动暂停。）

有没有人找到了一种方法，以允许用户关闭的SoundCloud插件？

2013-11-04 larry

在我的网站，我只是做了我自己的按钮，这是在作为窗口小部件的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

我知道这是出版了，而但我刚刚看到它，希望它能帮助你omebody :)

来源

2014-08-27 16:56:31 Beater

的SoundCloud小工具 - 关闭按钮

回答

相关问题