Javascript页面可见性api没有'；无法使用IOS chrome[主页按钮]

我有一个包含视频内容的应用程序。我想视频播放，只有当网页是 对用户可见。页面可见性API帮助了我

这是我的全部代码：

请打开小提琴和开关标签

到目前为止还不错。不过，visibilitychange事件不会在iphone IOS chrome上启动（尽管safari可以正常工作）。当我们点击主页按钮时，我需要启动此事件，以便我可以停止在后台播放视频

请建议。谢谢

document.addEventListener('visibilitychange', function(event) {

  if (!document.hidden) {
    // The page is visible.
  } else {
  // The page is hidden. 
 }
});