video.js useractive 和 userinactive 事件与 videojs-overlay 的使用不会立即生效

Question

在 video.js 播放器中，我想在用户处于活动状态（将鼠标移到视频上）时将有关当前播放视频的信息显示为 videojs-overlay，并在用户处于非活动状态（未将鼠标移到视频上）。

我将 videojs-overlay 设置为监听 useractive 和 userinactive 事件，如下所示：

player.overlay({
  content: 'Default overlay content',
  debug: true,
  overlays: [{
    content: 'The user is active!',
    start: 'useractive',
    end: 'userinactive'
  }]
});

不幸的是，一开始并没有触发覆盖，但随后，它在视频播放大约 10 分钟后开始工作。 1分钟。

我的设置是否有问题，或者这可能是 videojs 或 videojs-overlay 中的错误？我该怎么做才能对此进行调试？

Answer 1

Video.JS 已经使用 CSS 类跟踪用户活动状态。在 videojs-dock 插件中可以找到这方面的示例。它使用 vjs-user-inactive 和 vjs-user-active CSS 类来控制在视频上显示或隐藏停靠栏或托盘，可用于显示标题或说明等信息视频。您可以将其用作叠加层的灵感。

如果您还有其他问题，请告诉我。

免责声明：我受雇于 Brightcove。

video.js useractive 和 userinactive 事件与 videojs-overlay 的使用不会立即生效

Usage of video.js useractive and userinactive events with videojs-overlay does not work immediately

events

dom-events

video.js

videojs-overlay