Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
控制html5音频音量的jquery滑块_Jquery_Html_Audio_Html5 Audio_Jquery Slider - Fatal编程技术网

控制html5音频音量的jquery滑块

控制html5音频音量的jquery滑块,jquery,html,audio,html5-audio,jquery-slider,Jquery,Html,Audio,Html5 Audio,Jquery Slider,我正在创建一个自定义JQuery/HTML5音频播放器,我想要一个可以控制音频元素音量的滑块。我用class=“volume\u slider”标记滑块,用class=“audio player”标记歌曲 出于某种原因,这段代码不会改变音量,我从中获得了这段代码,你知道为什么音量没有改变吗 $(".volume_slider").slider({ value : 75, step : 1, range : 'min', min : 0, ma

我正在创建一个自定义JQuery/HTML5音频播放器,我想要一个可以控制音频元素音量的滑块。我用
class=“volume\u 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);
    }
});

访问audio player时,您访问的是jQuery对象,而不是元素本身。因此,将属性设置为,
$('.audioplayer').prop('volume',(value/100))