在网页中#添加背景音乐#的问题，如何解决？

给网页加个背景音乐，能兼容大部分浏览器的那种，我用了好几种方法都不太兼容，要隐藏播放按钮，自动循环播放的，帮忙解答一下


<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
<div id='btn' style='position: absolute;left: -1000px;>'>播放按钮</div>
<audio controls id='audio'  style='position: absolute;left: -1000px;>'>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

</body>
    <script>
        let btn = document.getElementById('btn');
        let audio = document.getElementById('audio');
        btn.onclick = function() {
            audio.play()
        }
        btn.onclick()
    </script>
</html>



<audio autoplay="autoplay" loop="loop">
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

支持 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari