Como definir um volume inicial específico para a tag <audio>
Eu só tenho conhecimento básico de HTML e CSS e olhei pelo Google tentando encontrar uma resposta para essa pergunta - tudo parece apontar para JavaScript e / ou jQuery. Eu tentei, e não consigo fazer funcionar.
Eu tenho um arquivo de áudio que começa a tocar quando meu site é carregado. Eu quero definir um volume inicial específico para que meus visitantes não tenham um ataque cardíaco se o volume estiver alto.
Isso é o que eu tenho:
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;
Qualquer ajuda seria muito apreciada!