启用拖动jPlayer中的音量滑块(2.3.0)

时间:2013-05-12 17:24:05

标签: javascript jquery jplayer

我正在使用我网站上的jPlayer媒体库来播放一些MP3文件。我目前正在使用蓝色星期一主题(http://www.jplayer.org/latest/demo-01/?theme=0)。我注意到如果要将其向左或向右拖动以减小或增大音量,则音量滑块将不起作用。有没有办法启用音量滑块来改变音量?

1 个答案:

答案 0 :(得分:4)

我用过:http://loopj.com/jquery-simple-slider/

示例:http://beta.kungfuvampire.com/v5/

将音量div替换为:

<input type="text" data-slider="true" value="1" data-slider-highlight="true">

然后绑定到jplayer音量:

$("[data-slider]")
    .bind("slider:ready slider:changed", 
        function (event, data) {
                $(".jp-jplayer").jPlayer( "volume", data.value.toFixed(3));
    });

希望有所帮助