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

Enable dragging the volume slider in jPlayer (2.3.0)

本文关键字:拖动 启用 jPlayer      更新时间:2023-09-26

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

我使用: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 volume:

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

希望有帮助