Ползунок jquery, который управляет громкостью звука html5

Я создаю собственный аудиоплеер 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);
    }
});

html audio jquery html5-audio jquery-slider
person ZomoXYZ    schedule 30.01.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

При доступе к аудиоплееру вы получаете доступ к объекту jQuery, а не к самому элементу. Поэтому вместо этого установите свойство с помощью $('.audio-player').prop('volume', (value/100));

person BenM    schedule 30.01.2015