I only have basic knowledge of HTML and CSS and have looked through Google extensively trying to find an answer to this question -- it all seems to point to JavaScript and/or jQuery. I tried it, and I can't get it to work.
I have an audio file that starts to play when my website loads. I want to set a specific starting volume so that my visitors don't get a heart attack if their volume is high.
This is what I have:
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;
Any help would be greatly appreciated!