Javascript html5音频播放器自动播放无法在squarespace上运行

我在squarespace中使用html5音频播放器。但它并没有开始自动播放。我添加了自动播放标签，但没有工作

我正在寻找一些javaescript函数来触发页面加载时的播放按钮

如何创建一些js函数

<audio controls loop autoplay>
  <source src="horse.mp3" type="audio/mpeg">
</audio>

试试这个

<div id="music"></div>   

现在在脚本中：

<script>
    $(document).ready(function() {
        $('#music').innerHTML = '<audio controls loop autoplay> <source src = "horse.mp3" type = "audio/mpeg"></audio>'

    });
</script>

$（文档）.ready（函数（）{
$（“#音乐”）.innerHTML=''
});

您要防止嘈杂的标签自动播放声音

如果您打开此窗口并检查控制台输出。你会发现关于为什么不允许的所有细节

Chrome和modern浏览器将在启动任何媒体之前等待第一次用户交互

所以你可以创建全屏覆盖，点击它，开始你的音频

（函数（）{
var audio2=document.querySelector（'.mute'）；
//当你点击overlay时
document.querySelector（'.activate'）.addEventListener（'click'，function（）{
audio2.mute=false；//取消静音
audio2.play（）；//播放
document.querySelector（'.activate'）.style.display='none'；//隐藏覆盖
}，对）；
})();
。全屏{
位置：固定；
左：0；
排名：0；
宽度：100vw；
高度：100vh；
}
第二个播放器：将以静音启动