在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'
}]
});
不幸的是,覆盖图一开始没有被触发,但随后,它在视频播放了大约1分钟后开始工作。
我的设置有问题吗,或者这可能是videojs
或videojs-overlay
中的错误?我能做些什么来调试它?
发布于 2019-04-11 07:14:20
Video.JS已经使用CSS类跟踪用户的活动状态。这方面的一个例子可以在videojs-dock插件中找到。它使用vjs-user-inactive
和vjs-user-active
CSS类来控制在视频上显示或隐藏停靠或托盘,这些停靠或托盘可用于显示视频的标题或描述等信息。你可以利用这一点作为你的叠加的灵感。
如果您有任何其他问题,请告诉我。
免责声明:我受雇于Brightcove。
https://stackoverflow.com/questions/55573948
复制相似问题