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