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

【问题标题】：Enable dragging the volume slider in jPlayer (2.3.0)在 jPlayer (2.3.0) 中启用拖动音量滑块
【发布时间】：2013-05-12 17:24:05
【问题描述】：

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

【问题讨论】：

标签： javascript jquery jplayer

【解决方案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">

然后绑定到jplayer卷：

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

希望有帮助

【讨论】：