首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >video.js useractive和userinactive事件与videojs-overlay的使用不会立即生效

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

Stack Overflow用户
提问于 2019-04-08 20:52:24
回答 1查看 1.7K关注 0票数 0

video.js播放器中,每当用户处于活动状态(将鼠标移动到视频上)时,我希望将有关当前播放的视频的信息显示为videojs-overlay,而当用户处于非活动状态(未将鼠标移动到视频上)时,我希望隐藏该信息。

我将videojs-overlay设置为侦听useractiveuserinactive事件,如下所示:

代码语言:javascript
复制
player.overlay({
  content: 'Default overlay content',
  debug: true,
  overlays: [{
    content: 'The user is active!',
    start: 'useractive',
    end: 'userinactive'
  }]
}); 

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

我的设置有问题吗,或者这可能是videojsvideojs-overlay中的错误?我能做些什么来调试它?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-11 07:14:20

Video.JS已经使用CSS类跟踪用户的活动状态。这方面的一个例子可以在videojs-dock插件中找到。它使用vjs-user-inactivevjs-user-active CSS类来控制在视频上显示或隐藏停靠或托盘,这些停靠或托盘可用于显示视频的标题或描述等信息。你可以利用这一点作为你的叠加的灵感。

如果您有任何其他问题,请告诉我。

免责声明:我受雇于Brightcove。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55573948

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档