javascript - 音频无法准备好音频 'property' 未定义

Question

我的 html 中有这个音频标签

<!-- audio -->
    <audio>
    <source src="core/music/error.ogg" type="audio/ogg">
    <source src="core/music/error.mp3" type="audio/mpeg">
    <!-- end of audio -->
</audio>

然后是暂停音频的脚本

var audio = document.getElementsByTagName("audio")[0];
audio.pause();

但是我收到一条错误消息“未捕获类型错误:无法读取未定义的属性‘暂停’”。有什么想法或线索上面的代码有什么问题吗？

Answer 1

问题是该元素尚未添加到 DOM，因此 getElementsByTagName 无法找到目标 audio 元素。您可以将脚本移至 body 标记的末尾或监听 DOMContentLoaded事件。

document.addEventListener("DOMContentLoaded", function(event) {
    var audio = document.getElementsByTagName("audio")[0];
    audio.pause();
});