ios Safari 上 HTML5 视频元素的 readyState 问题

Question

似乎在 iPad (iOS v. 5.1.1) 上，Safari 不会根据规范保留视频元素的 readyState 值。即使从视频源加载时readyState 也等于零。

我创建了一个demonstration jsfiddle which continuously checks the video's readyState。一个有趣的观察：readyState 只有在点击播放按钮后才会改变。

实际上，我预计readyState 在加载过程中会切换到更高的数字（因为我测试过的桌面上的所有浏览器都是这种情况——包括 Safari。）有解决方法吗？我这里有什么问题吗？

Answer 1

来自Apple developer documentation：

注意：Safari 5.0 及更高版本支持 preload 属性。 iOS 上的 Safari 从不预加载。

根据 Apple 的说法，移动设备上的期望行为是仅在您主动请求资源后才开始加载，以免浪费带宽或电池。

关于您的问题，这意味着 Apple 遵守规范。由于不会发生预加载，并且仅在您单击播放按钮后才开始加载，因此readyState 在该时间点之前为零。

但是，video 标签有一些特殊事件，应该比readyState 提供更多信息。

• onCanplay
• onCanplaythrough
• onProgress

再次引用Apple developer library (Using DOM Events to monitor load progress)

注意：在 iPad 上，Safari 在用户单击海报或占位符之前不会开始下载。目前，以这种方式开始的下载不会发出进度事件。