html5 오디오 볼륨을 제어하는 ​​jquery 슬라이더

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

으로 설정하십시오.