Video.js: Mouseout event fire when mouse hover on slider bar

Created on 5 Oct 2016  路  2Comments  路  Source: videojs/video.js

Hello,

I want to hide control bar only when the mouse move out of the player, i'm using this function :

player.on('mouseout', function(){ this.userActive(false) })

and

"inactivityTimeout": 0

It's working but when the mouse hover on slider, the control bar start to blink.

https://jsfiddle.net/j6wdxp5j/1/

Most helpful comment

You probably want mouseleave instead of mouseout. They're very similar but mouseleave doesn't bubble, meaning that you don't get the event for children of the element getting the event where-as for mouseout you do.
Here's an example: https://jsfiddle.net/j6wdxp5j/2/
Hope that helps.

All 2 comments

You probably want mouseleave instead of mouseout. They're very similar but mouseleave doesn't bubble, meaning that you don't get the event for children of the element getting the event where-as for mouseout you do.
Here's an example: https://jsfiddle.net/j6wdxp5j/2/
Hope that helps.

Thank you !
It's working perfect now.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

TheKassaK picture TheKassaK  路  3Comments

zhulduz picture zhulduz  路  3Comments

dingyaguang117 picture dingyaguang117  路  4Comments

jeonghwaYoo picture jeonghwaYoo  路  3Comments

victorpfm picture victorpfm  路  4Comments