Использование пользовательских и неактивных событий video.js с наложением videojs не работает сразу

Question

В video.js игрок, я хочу отображать информацию о воспроизводимом в данный момент видео в виде наложения videojs всякий раз, когда пользователь активен (перемещая мышь над видео), и скрывать информацию, когда пользователь неактивен (не перемещая мышь над видео).

Я поставил videojs-overlay слушать useractive а также userinactive события как это:

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

К сожалению, наложение сначала не запускается, но затем оно начинает работать после того, как видео воспроизводится приблизительно. 1 минута.

Есть ли проблема с моей настройкой, или это может быть ошибка в videojs или же videojs-overlay? Что я могу сделать, чтобы отладить это?

Answer 1

Video.JS уже отслеживает активное состояние пользователя с помощью CSS-классов. Пример этого можно найти в плагине videojs-dock. Он использует vjs-user-inactive а также vjs-user-active Классы CSS для управления отображением или скрытием док-станции или лотка над видео, которые можно использовать для отображения такой информации, как заголовок или описание видео. Вы можете использовать это как вдохновение для вашего оверлея.

Пожалуйста, дайте мне знать, если у вас есть дополнительные вопросы.

Отказ от ответственности: я работаю в Brightcove.