javascript - 在 jPlayer (2.3.0) 中启用拖动音量 slider

Question

我正在使用我网站上的 jPlayer 媒体库来播放一些 MP3 文件。我目前正在使用蓝色星期一主题 ( http://www.jplayer.org/latest/demo-01/?theme=0 )。我注意到如果您想将音量 slider 向左或向右拖动以减小或增大音量，则音量 slider 将不起作用。有什么方法可以让音量 slider 被拖动来改变音量吗？

Answer 1

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

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

将音量 div 替换为:

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

然后绑定(bind)到jplayer音量:

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

希望对你有帮助