iOS 浏览器不尊重 HTML5 音频预加载标签答案

【问题标题】：iOS Browsers not respecting HTML5 audio preload tagiOS 浏览器不尊重 HTML5 音频预加载标签
【发布时间】：2016-08-22 18:12:52
【问题描述】：

有没有其他人注意到，即使您使用 preload="none"，适用于 iOS 的 Safari（甚至 Chrome）也会尝试预加载所有音频标签：

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

桌面浏览器似乎可以正常工作，但是一旦我从 iPhone 加载页面，Apache 服务器就会注册文件请求。

【问题讨论】：

preload="none" 在 iOS Safari 和 iOS Chrome (iOS 7) 上为我工作。是什么让您认为它会预加载？
@blex 你测试得怎么样了？你在看你的服务器日志吗？
它发出一个请求（在日志中看到），但如果我等待并按下播放，则文件需要一段时间才能加载，所以我认为它只是下载元数据。
一些信息here
@blex 该页面似乎与我所看到的完全相反

标签： ios html mobile-safari html5-audio

【解决方案1】：

根据 Apple Docs，Mobile Safari 在检测到用户触摸之前永远不会加载音乐文件或元数据。这是为了确保网页不会要求在移动设备上下载大量音乐或数据，这可能会占用大量移动数据。因此，无论您的代码有什么，预加载标签在移动 Safari 中基本上总是设置为“无”。这是他们解释一切的文档的link。

直接引用文档“注意：预加载属性在 Safari 5.0 及更高版本中受支持。iOS 上的 Safari 从不预加载。”

【讨论】：