检测 ios11 设备是否处于低功耗模式，以防止在正常自动播放视频时出现不良 UX

Question

我在 iOS11 设备上遇到了自动播放视频的大问题（至少在 iphone 7 ios 11.2.5 safari 上测试过）。

当有关自动播放视频的政策发生变化时，我们的自动播放视频停止工作。我们的应用严重依赖视频。

我们彻底改变了用户与视频互动的所有步骤，以确保它们不会被阻止，并且默认情况下它们现在处于静音状态，并在用户手势后触发自动播放。所以视频会自动播放静音，我们认为我们已经工作了几天。

但是有一个问题：上周，我在我的 girklfriend 11.2 iphone 上测试了网站和 boum ......视频被阻止了。我不明白为什么...... 发现原因是......我在给电池充电时使用她的手机！

确实在ios11上，当你给手机充电时，它会自动进入“低功耗模式”呵呵......从而阻止自动播放视频。如果您进入“设置”>“iTunes 和 Apple 商店”并转到“自动播放视频”设置，您将看到（在低电量模式下充电时）：

“低功耗模式打开时自动播放视频不可用”....

所以基本上全世界成千上万的用户在充电时连接到我们的网站，他们的体验很糟糕，没有视频加载！（即使在用户激活声音之前静音，我们也非常依赖自动播放视频）

在这种情况下，我们如何检测并至少向用户提供解释性消息，例如“我们的视频无法在低功耗模式下播放（或为手机充电）。

我知道苹果在保护用户免受自动播放不良体验方面蓬勃发展，但在这里我们尽一切努力更改我们的代码库以符合他们的新政策，但我们在他们的文档中没有看到我们的网络应用程序（javascript）如何检测低功耗模式或手机充电状态）。这是不公平的：如果他们在某些情况下（例如低功耗模式）改变行为，他们应该按照自己的规则行事，让我们通过检测此设备状态来创建合规但优质的体验。这样我们就可以为用户制定一种计划 B 或后备方案。

知道如何在网络应用程序的javascript中检测iphone正在充电或处于低功耗模式吗？或者如何处理？

Answer 1

我认为您提到的设置属性仅适用于 App Store 中的视频预览，不适用于任何 WebView。事实上，我现在已经在手机上尝试过这个W3 演示，如果我将muted或添加inline到视频标签，它就会自动播放。（所以它看起来像这样<video width="320" height="240" controls autoplay muted inline>：）。

注：我的手机目前电量为17%，无论是否充电都可以使用，低电量模式似乎也没有影响。我使用的是 iOS 11.4 Beta。

重要的是这些额外的标签记录在这个WebKit Blogpost中。