带有音频标签的MP3在Safari中不起作用

【带有音频标签的MP3在Safari中不起作用】我正在尝试使用标签在页面中播放mp3。该网站基于WordPress。音频播放器不会出现在野生动物园中, 而是可以在其他浏览器中运行。
这是页面网址:http://soundhealingcenter.com/love/braintests/
这是我尝试使用的代码:

< audio controls="controls"> < source src="http://img.readke.com/220531/051F33949-0.jpg" type="audio/mpeg" /> < /audio>

#1音频播放器*确实会出现*在Safari中, 并且音频可以正确播放。似乎所有音频都是同时加载的, 并且由于每个音频大约需要20分钟, 因此这会花费大量时间, 具体取决于连接速度。在我的情况下, 第二个首先完成加载, 然后是4、5、9、10。其他仍在加载(因此无法启动)。
因此, 你可能需要考虑通过在音频标签中添加属性preload =” none” 来停用页面加载时的自动加载功能, 这样可以
< audio controls="controls" preload="none"> < source src="http://img.readke.com/220531/051F33949-0.jpg" type="audio/mpeg" /> < /audio>

#2我也遇到了这样的问题, 通过音频标签中的预加载属性修复了它。由于我的音频文件很小, 因此我使用了preload = auto。只有下载完完整的音频后, Safari才会开始播放。这是我的参考:https://codepen.io/aravi-pen/pen/OxPaVb。有关预加载标签的更多信息, 请参阅此处:https://html.com / attributes / audio-preload /
Thanks!

    推荐阅读