Javascript HTML5音乐播放器外部播放按钮

我正在建立一个单页视差网站。页面的第一部分是一个徽标和一个文本按钮，上面写着“现在收听”

单击“立即收听”按钮后，页面会自动向下滚动到下一个嵌入HTML5音乐播放的部分。单击“立即收听”按钮后，是否有办法使音乐自动启动

这是我正在处理的页面的链接。我尝试添加事件侦听器，但它似乎不起作用

---

我假设您已经为按钮绑定了一个单击事件，所以只需选择音频元素并调用

.play（）

document.getElementById（'yourAudioElementId'）.play（）

编辑：

如果使用

href='sectionID'

属性，可以将其重写为

href='#'onclick=“customHandler（'sectionID'）；return false；”

---

处理程序应该包含按给定哈希滚动到位置并播放音频剪辑的调用。您还可以将音频元素ID传递给customHandler。

假设您使用的是标准的HTML5

标记，那么您可以使用它的方法，例如

.play（）

和

.stop（）

因此，只需在按钮中添加一个侦听器（如果尚未连接到该按钮）：

---

无论您使用什么代码移动“下一部分”，都应该能够在移动时或移动后触发播放事件。。。我添加了代码，但它似乎不起作用。我做得不对吗？您的代码无法工作，因为您在

元素之前插入了

，因此脚本尝试在创建元素之前将侦听器添加到元素中，但显然失败了。要使其工作，您应该将

放在

的“listen btn”

之后。另外：我编辑了我的代码：它是

addEventListener

，不是

addListener

，很抱歉。

document.getElementById('your-button-id').addEventListener('click', document.getElementById('your-audio-id').play);

// or, similar:
document.getElementById('your-button-id').addEventListener('click', function() {
    document.getElementById('your-audio-id').play();
});