Einstellen der Lautstärke eines <audio> Element mit jQuery

Question

Hier ist mein HTML:

<audio id="audio_core" autoplay="autoplay"> 
    <source src="audio/bgm.mp3" type="audio/mpeg"> 
    Your browser does not support the audio element. 
</audio> 

und mein JavaScript:

$(document).ready(function() { 
    $('#audio_core').prop('volume', 0.15); 
} 

ich das Volumen niedriger einstellen möchten.

Answer 1

Ich denke, Sie müssen nur $(document).ready(function() mit }) richtig schließen, der Rest des Codes funktioniert gut.

$(document).ready(function() { 
 
$('#audio_core').prop('volume', 0.15); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<audio id="audio_core" autoplay="autoplay" controls="controls"> 
 
<source src="http://www.maninblack.org/demos/PoliceLineDontCross.mp3" type="audio/mpeg"> 
 
Your browser does not support the audio element. 
 
</audio>

---

PS: controls="controls" entfernen. Nur hinzugefügt, um zu vermeiden, dass die Seite aktualisiert wird, um die Musik zu stoppen.

Answer 2

Es gefunden. Ich musste folgendes tun:

<audio id="audio_core" autoplay="autoplay"> 
    <source src="audio/bgm.mp3" type="audio/mpeg"> 
     Your browser does not support the audio element. 
</audio> 
<script> 
    $(document).ready(function() { 
     $('#audio_core').prop('volume', 0.05); 
    }) 
</script>