jquery滑块控制html5音量

Question

我正在创建一个自定义的JQuery / HTML5音频播放器，我想要一个可以控制音频元素音量的滑块。我的滑块标有class="volume_slider"，歌曲标有class="audio-player" 出于某种原因，这段代码不会改变音量，我从here得到了代码，关于音量没有变化的想法？

$(".volume_slider").slider({
    value  : 75,
    step   : 1,
    range  : 'min',
    min    : 0,
    max    : 100,
    slide  : function(){
        var value = $(".volume_slider").slider("value");
        $(".audio-player").volume = (value / 100);
    }
});

Answer 1

访问音频播放器时，您正在访问jQuery对象，而不是元素本身。因此，请使用$('.audio-player').prop('volume', (value/100));

设置属性