0

長い Web ページに多数の SoundCloud ウィジェットがあります (そのため、SoundCloud ファイルが呼び出されたときにトップにジャンプするなど、Web ページの位置は変わりません)。

しかし、ウィジェットの閉じるボタンが見つからないため、一度に多くのウィジェットが開かれる可能性があります。また、開いているファイルが多すぎると、新しいファイルがサウンド ファイルをロードしないようです。(新しいウィジェットが開かれると、既存の表示されているウィジェットが自動的に一時停止されるのは素晴らしいことです。)

ユーザーがSoundCloudウィジェットを閉じることを許可する方法を見つけた人はいますか?

4

2 に答える 2

0

私の Web サイトでは、ウィジェットの 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 に答える