내 웹 사이트에서 방금 위젯 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;color=5ab7e6&amp;auto_play=true&hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false" style="display: inline;"></iframe>
</div>
CSS :
#closePlayer {
position: fixed;
bottom: 142px;
right: 3px;
z-index: 999;
}
JS (포함 jQuery를) :이 잠시 출판 되었음 알고 http://i.imgur.com/4HJr4HX.png
:처럼 보이는 방법
document.getElementById('closePlayer').addEventListener('click', function() {
$(this).parent().fadeOut(400, function() {
$(this).remove();
});
});
전에는 보았지만 방금 보았지만 도움이 되길 바란다. 오메 바디 :)