如何暂停视频时，焦点离开我的网页(html5)

How to pause a video when focus leaves my web page (html5)

本文关键字：离开 焦点 网页 html5 我的 视频 何暂停 暂停      更新时间：2023-09-26

我希望能够在用户点击链接到第三方网站的href时暂停视频，并在焦点返回时再次开始。我已经搜索了事件，但无法找到一个工作，例如onunload onchange。我有一个事件处理程序，开始一个新的视频时，一个停止并向下滚动页面(javascript)，但我被困在这个问题。我尝试了一个称为javascript函数的href，但它变得混乱(href是动态生成的)。

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

您可以使用此代码获得焦点和蓝色事件窗口选项卡和调用播放和暂停函数从这里。

如果第三方链接在同一个选项卡中打开(而不是一个新的选项卡或弹出窗口)，你将无法在你离开的地方捡起它，直到你保存它。

你可以使用html5 web存储在客户端存储当前状态数据。你会想用这个打窗户。onbeforeunload事件。当它们返回时，只需检查是否有任何存储的数据可以继续播放。这显然不是所有浏览器都支持的。如果保存服务器端是一个选项，你也可以这样做。

web存储规范从w3这里当前浏览器支持的Web存储

但是，如果页面从未卸载，它只是失去焦点，您可以在页面的html中添加一个侦听器来触发blur事件的暂停。聚焦简历

相关文章：