当焦点离开我的网页时如何暂停视频（html5）

Question

我希望能够在用户单击链接到第三方网站的href时暂停视频，并在焦点返回时重新开始播放。我已经搜索了事件，但找不到有效的事件，例如onunload onchange。我有一个事件处理程序，可以在停止播放并向下滚动页面（javascript）时开始播放新视频，但我在此问题上遇到了麻烦。我尝试了一个称为javascript函数的href，但是它变得凌乱（href是动态生成的）。

Answer 1

window.addEventListener('focus', function() {
  document.title = 'focused';
});

window.addEventListener('blur', function() {
  document.title = 'not focused';
});

您可以使用此代码获取窗口选项卡的焦点和蓝色事件，并从此处调用播放和暂停功能。