使用JS设置音频元素音量

Question

I'm trying to set the volume of my audio element using JavaScript but I can't get it to actually change. I'll console log audio.volume and it shows that it's set to whatever I set it to in the JS but doesn't actually affect the volume. (Trying to set it to 0 just to see if it mutes)

Here is my Code

HTML

<audio id="audio" v-if="image.play == true" loop autoplay>
   <source v-bind:src="image.audio" type="audio/wav">
</audio>

JS

const audio = document.querySelector('audio');
audio.volume = 0;

Answer 1

<script>    
    var audio = document.getElementById("audio");
    audio.volume = 0.2;
</script>

You can change the volume from 0.0 (silenced) to 1.0 (loud) with HTML5.