Использование пользовательских и неактивных событий video.js с наложением videojs не работает сразу - PullRequest
0 голосов
/ 08 апреля 2019

В проигрывателе 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? Что я могу сделать, чтобы отладить это?

1 Ответ

1 голос
/ 11 апреля 2019

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

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

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

...