控制 HTML5 音频音量的 jQuery 滑块



>我正在创建一个自定义的JQuery/HTML5音频播放器,我想要一个可以控制音频元素音量的滑块。 我有一个标有class="volume_slider"的滑块,歌曲标有class="audio-player".
由于某种原因,此代码不会更改音量,我从这里获得了代码,关于为什么音量没有更改的任何想法?

$(".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);
    }
});

访问音频播放器时,您访问的是jQuery对象,而不是元素本身。因此,改为设置属性,$('.audio-player').prop('volume', (value/100));

相关内容

  • 没有找到相关文章

最新更新