javascript - youtube web 如何阻止从 safari iOS 上的控制中心播放

Question

当浏览器进入后台时，我试图在 iOS 版 Safari 上停止播放视频。我能够通过 Page Visibility API 做到这一点.

在 iOS 的主屏幕上，如果我打开控制中心并按下播放按钮，它通常会播放上次 Safari 的内容。

我想要实现的是一种类似于 Youtube Web 移动设备的行为:它能够防止这种行为。如果您使用运行 Youtube 的选项卡关闭 Safari，则无法在控制中心按下播放键来播放内容。

我已经在事件上尝试了 e.preventDefault() 行为。我试图在 pageshow/pagehide 中插入标志(正如我在 another SOW answer 中发现的那样，但这些事件似乎没有在后台运行时被调用。

此外，我无法通过 Page Visibility API 和在其回调中插入标志来控制它:即使在后台调用事件时，“覆盖”HTMLMediaElement.play()不起作用，问题与 iOS 的控制中心有关。

就像它不使用 HTMLMediaElement.play()...

有没有人知道如何从 Web 覆盖控制中心的“播放按钮”行为？谢谢。

Answer 1

当浏览器进入后台时，Youtube 似乎完全卸载了内容，并从用户“中断”的位置开始重新加载内容。我决定采用同样的方法。

此外，同样的 iOS 行为似乎也发生在 Android 通知中心(当 Chrome 显示一个选项卡正在重现音频时)。