html 音频循环仅循环播放第一首歌曲

Question

我面临一个愚蠢的问题。我使用以下代码：

<audio id="musicPlayer" autoplay loop>
    <source src="resources/mp3/YouOnlyDisappear.mp3" type="audio/mpeg">
    <source src="resources/mp3/9Crimes.mp3" type="audio/mpeg">
    <source src="resources/mp3/MermaidBlues.mp3" type="audio/mpeg">
    <source src="resources/mp3/NowIsMine.mp3" type="audio/mpeg">
    <source src="resources/mp3/Untitled.mp3" type="audio/mpeg">
</audio>

只循环播放第一首歌曲。我尝试用 /> 或关闭源标签，什么也做不了，就像只考虑第一个源一样。我做错了什么吗？

Answer 1

源标签并不意味着用于提供多个曲目，而是同一曲目的多个版本。因此浏览器认为您所有的辅助 URL 都不是指向其他曲目的链接，而只是同一曲目的替代链接（如果您想以多种格式提供相同的文件，以防浏览器不支持特定格式，这很有用） .如果您需要循环播放多个曲目，您可能必须使用 JavaScript（或将所有曲目合并到一个 mp3 中）。

编辑：Here's more info about the source tag and how it is intended to be used.

html 音频循环仅循环播放第一首歌曲

html audio loop loops only the first song

html

audio

html5-audio