网页背景音频刷新后停止且无法自动播放问题求助

网页背景音频存在以下问题：

• 刷新页面后停止播放
• 重新加载或打开网站时无法自动播放
• 重启localhost服务器、上传至GitHub Pages部署后问题依旧

已为audio标签设置autoplay和loop属性，尝试替换为autostart="true"无效，目前保留autoplay loop并添加了播放/暂停控制按钮，但自动播放问题仍未解决。

相关代码 #

HTML部分：

<audio id="background-audio" class="background-audio" autoplay loop >
    <source class="background-audio" type="audio/mpeg"  src="audio/videoplayback7.m4a">
</audio>

JavaScript控制代码：

var audio = document.getElementById("background-audio")
function belltwo() {
    audio.play();
}

function bellthree() {
    audio.pause();
}

部署地址：depressedunicorn.github.io/NiRiN

恳请帮忙排查解决。

内容的提问来源于stack exchange，提问作者DepressedUnicorn