的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小工具 - 關閉按鈕

回答

相關問題