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));