javascript - 由 js 添加的 el 跳过，但添加到 HTML 中的音频可以正常工作

Question

我一直在努力解决这个问题，但我不明白问题是什么。

如果我<Audio>在页面本身上添加一个 HTML 元素，歌曲就可以正常加载和播放；没有跳过。

当我new Audio()在 js 中添加一个，设置 src 并将其插入 HTML 时，它会跳过。和它有什么不同？我已经将它们与设置（自动加载等）进行了 1:1 匹配，并且它们的行为不同。也许我做错了什么？

我将附上 CodePen。我有一些测试功能，但即使只是放置音频（当那些被注释掉时）也不能 1:1 工作。有任何想法吗？提前致谢！

https://codepen.io/jrhager84/pen/VwLoXKX

标签： javascripthtmlweb-audio-api

Answer 1

我花了很多时间调试案例“为什么有声音的视频不能使用自动播放”？我发现它停留在浏览器政策上。