在本教程中,我们将使用页面可见性 API 来检测浏览器选项卡是空闲的(当前未被查看)还是活动的。为了了解 API 的工作原理,我们将使用它在选项卡空闲时暂停视频。
让我们从设置 HTML5 视频播放器开始:
<video id="video" width="300" controls>
<source
src
在本教程中,我们将使用页面可见性 API 来检测浏览器选项卡是空闲的(当前未被查看)还是活动的。为了了解 API 的工作原理,我们将使用它在选项卡空闲时暂停视频。
让我们从设置 HTML5 视频播放器开始:
<video id="video" width="300" controls>
<source
src