为啥 HTML5 音频标签在 iOS 上显示错误？

Posted 2023-02-25

【中文标题】为啥 HTML5 音频标签在 iOS 上显示错误？

【英文标题】：Why does HTML5 audio tag show error on iOS?为什么 HTML5 音频标签在 iOS 上显示错误？

【发布时间】：2021-01-21 10:18:42

【问题描述】：

我有一个 WordPress 网站，我正在使用 Gutenberg 编辑器和一个音频块。这为页面添加了一个小音频播放器，适用于桌面和 android。它没有设置为自动播放。

<audio controls="" src="audio.mp3" preload="none"></audio>

在 ios 上（我在 iPhone 和 iPad 上测试过），当我按下播放时，它会加载一秒钟，然后变成“错误”。

<audio> 不能在 iOS 上运行吗？

【问题讨论】：

您确定是设备而不是浏览器导致错误？ Safari with audio tag not working

【参考方案1】：

确保 IOS 支持音频格式

支持的媒体 桌面上的 Safari 支持安装的 QuickTime 版本可以播放的任何媒体。这包括使用 QuickTime 本身不支持的编解码器编码的媒体，前提是编解码器作为 QuickTime 编解码器组件安装在用户的计算机上。

iOS（包括 iPad）上的 Safari 目前支持未压缩的 WAV 和 AIF 音频、MP3 音频以及 AAC-LC 或 HE-AAC 音频。 HE-AAC 是首选格式。

iOS 上的 Safari（包括 iPad）目前支持 MPEG-4 视频（基线配置文件）和使用 H.264 视频（基线配置文件）和一种受支持的音频类型编码的 QuickTime 电影。

iPad 和 iPhone 3G 及更高版本支持 H.264 Baseline profile 3.1。早期版本的 iPhone 支持 H.264 Baseline profile 3.0。

来源：https://developer.apple.com/...