Solo tengo conocimientos básicos de HTML y CSS y he buscado en Google extensivamente tratando de encontrar una respuesta a esta pregunta: todo parece apuntar a JavaScript y / o jQuery Lo intenté, y no puedo hacerlo funcionar.

Tengo un archivo de audio que comienza a reproducirse cuando se carga mi sitio web. Quiero establecer un volumen inicial específico para que mis visitantes no sufran un ataque cardíaco si su volumen es alto.

Esto es lo que tengo:

HTML:

<audio id="bgAudio" autoplay="autoplay" controls="controls" loop="loop" src="audio/025.mp3"></audio>

CSS:

#bgAudio {
position:fixed;
z-index:1000; 
width:250px;
}

JavaScript:

backgroundAudio=document.getElementById("bgAudio");
backgroundAudio.volume=0.5;

Cualquier ayuda sería muy apreciada!