so i wanted to add Music to my Website but at start the Music isn´t playing. To make it play I have to press my spacebar. But actually it shoul play on start and you can pause and resume the musik by pressing Spacebar? Does anyone know a solution?
<div id="audio">
<audio controls loop autoplay hidden>
<!-- Audio is looped, plays automatically and is hidden -->
<source src="music/music.ogg" type="audio/ogg">
</audio>
</div>
<script>
var audio = new Audio('music/music.ogg');
audio.volume = 0.05;
audio.play();
if (audio) {
window.addEventListener('keydown', function (event) {
var key = event.which || event.keyCode;
if (key === 32) { // spacebar
// eat the spacebar, so it does not scroll the page
event.preventDefault();
audio.paused ? audio.play() : audio.pause();
}
});
}
</script>