audio - 如果.ogg文件在列表中的第一位，Safari将不会播放？

Question

我有一个带有两个源的音频对象，分别为M4A和OGG格式。

代码如下:

<audio id="audio1" controls="controls" preload="none">
<source src="music.m4a" />
<source src="music.ogg" />
</audio>

然后，我可以调用document.getElementById('audio1')。play()并开始播放。

它适用于所有浏览器。但是在Safari中，仅当M4A文件是第一个来源时，它才有效。

即如果我首先将这个代码与OGG文件一起使用:

<audio id="audio1" controls="controls" preload="none">
<source src="music.ogg" />
<source src="music.m4a" />
</audio>

Safari不会对play()JavaScript调用使用react，只会对鼠标单击播放按钮使用react。

除了始终将M4A文件放在第一位之外，还有其他解决方案吗？

谢谢!

Answer 1

您是否尝试告诉浏览器您正在使用哪种MIME类型。

使用“audio / mp4”作为MIME类型(不要忘记将其添加到您的.htaccess中)

<audio id="audio1" controls="controls" preload="none">
<source src="music.oga" type="audio/ogg" />
<source src="music.m4a" type="audio/mp4" />
</audio>