Question

我正在建立一个网站，上面有一些播客，用户单击播放时就需要播放。我有一些音频元素，其中大多数都可以工作，但即使在JSFiddle中，也有一个特别有用。

我一直在思考和搜索东西，但我不知道。当JavaScript执行.play（）命令时，它只会返回一个永不解决的承诺。

这是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

“ 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>

Answer 2

您需要使用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>

音频元素无法播放音频

2 个答案: