Question

我有一个网站，其中有一个令人讨厌的自动播放循环背景视频，只是一遍又一遍地播放，而不是只使用图片。我想知道如果我在通过新的页面可见性API查看我的页面时暂停了视频，是否会减轻我们用户计算机上的资源负担？

对于本网站上的所有天才，我很乐意看到一个答案，显示您如何确定答案。我对前端世界有点新意，我不确定如何解决这个问题。

Answer 1

@stupidkid

虽然很久以前就提出过这个问题，但最适合您的解决方案是：https://developer.mozilla.org/en-US/docs/Web/API/Page_Visibility_API

var hidden, visibilityChange; 
if (typeof document.hidden !== "undefined") { // Opera 12.10 and Firefox 18 and later support 
  hidden = "hidden";
  visibilityChange = "visibilitychange";
} else if (typeof document.msHidden !== "undefined") {
  hidden = "msHidden";
  visibilityChange = "msvisibilitychange";
} else if (typeof document.webkitHidden !== "undefined") {
  hidden = "webkitHidden";
  visibilityChange = "webkitvisibilitychange";
}

function handleVisibilityChange() {
  if (document[hidden]) {
    //pause video
  } else {
    //play video
  }
}

document.addEventListener(visibilityChange, handleVisibilityChange, false);

请试一试。

暂停HTML5视频以减轻资源负担？

1 个答案: