音频无法就绪音频 '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();

但是我收到一条错误消息 "Uncaught TypeError: Cannot read property 'pause' of undefined"。任何想法或线索上面的代码有什么问题？

Answer 1

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

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

音频无法就绪音频 'property' 未定义

audio cannot ready audio 'property' undefined

javascript

jquery

html5-audio