1

jPlayer の再生/一時停止機能をカスタム css ボタンにアタッチしようとしています。

関数：

$("#jquery_jplayer_1").jPlayer({
        ready: function(event) {
            $(this).jPlayer("setMedia", {
                mp3: server
            }).jPlayer("play");
        },
        swfPath: "js/",
        wmode: "window",
        solution: "flash,html",
        supplied: "mp3",
        preload: "none",
        volume:0.75,
        cssSelectorAncestor: "",
        cssSelector: {
                play: "#play",
                pause: "#pause"
        }
    });

    $("#jquery_jplayer_1").bind($.jPlayer.event.pause, function(event) {
        $(this).jPlayer("clearMedia");
        $(this).jPlayer("setMedia", {
                mp3: server
        });
    });

jPlayer.min.js のコントローラー:

play:".jp-play",pause:".jp-pause",stop:".jp-stop"

ボタン：

<script type="text/javascript">
    $(document).ready(function(){
        $('#button').on('click', function(){
            $(this).toggleClass('on');
        });
    });
</script>

<div id="jquery_jplayer_1" class="jp-jplayer"></div>
        <section>
        <a class="cssbutton" href="#" id="button">&#xF011;</a>
        <span></span>
    </section>

これらの機能をボタンに追加するにはどうすればよいですか?

4

1 に答える 1

2

ボタンにIDを指定するplayか、再生ボタンのCSSセレクターを現在のIDに変更します。

$("#jquery_jplayer_1").jPlayer({
    ...
    cssSelector: {
            play: "#button",
            ...
    }
});

ドキュメント$("...").jPlayer({...});で説明されているように、構築時に参照するセレクターは、ページ上の要素にマップする必要があることを忘れないでください。

于 2013-01-12T18:21:46.303 に答える