音频元素不会播放音频

Question

我正在建立一个网站，上面有一些播客，当用户点击播放时需要播放。我有一些音频元素，其中大部分都可以工作，但特别是一个不能，即使在 JSFiddle.

中也是如此

我一直在思考和谷歌搜索，但我想不通。当 JavaScript 执行 .play() 命令时，它只是 returns 一个永远不会解决的承诺。

这里是 html:

<audio class="pid-player" href="https://www.amplifiedpodcast.com/wp-content/uploads/2019/10/01-Amplified3-Podcast_-Sean-Stein-Sm.mp3.mp3"></audio>

这是JavaScript:

console.log(document.querySelector('.pid-player').play());

当我在新标签页中打开音频 href 时，它会播放！

这发生在 Chrome 和 Firefox 中。

任何想法表示赞赏！

Answer 1

您需要像这样使用 source 标签：

document.querySelector('.pid-player').play()

<audio class="pid-player">
  <source src="https://www.amplifiedpodcast.com/wp-content/uploads/2019/10/01-Amplified3-Podcast_-Sean-Stein-Sm.mp3.mp3" type="audio/mp3">
</audio>

Answer 2

“href”应该是这样的src

<audio class="pid-player" src="https://www.amplifiedpodcast.com/wp-content/uploads/2019/10/01-Amplified3-Podcast_-Sean-Stein-Sm.mp3.mp3" controls></audio>

音频元素不会播放音频

Audio element won't play audio

html

javascript

html5-audio