Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Display controlbar only when mouseover - Jwplayer 7.1.1

Hey guys, I want to display the controlbar only on mouseover event. I was able to achieve this in Jwplayer 7.0.3 using something like this:

var controlbarDiv = playerFrame.querySelectorAll('.jw-controls .jw-controlbar');
playerFrame.onmouseout = function () {
playerFrame.className += ' ' + 'jw-flag-user-inactive';
controlbarDiv[0].onmouseover = function() {

The player (playerFrame) had its own mouseover to remove the user-inactive class, but now, in 7.1.1, the mouseover event is not triggered. If I add it to my playerFrame, it would behave very strange, but still won't display the controlbar. Any ideas to what change might cause this?


3 Community Answers


JW Player Support Agent  
0 rated :

Hi, there.

JW Player 7.1.1 has not been released. Do you mean 7.1.0?



0 rated :

Hi Alex,

I got 7.1.1 from your gitthub. But the same problem happens on 7.1.0. Somehow I managed to fix this by adding a playerFrame.onmousemove event to which I assigned the class removal. Before, in 7.0.3, the onmousehover event did the trick.

Thanks, Vlad


JW Player Support Agent  
0 rated :

Hi, Vlad.

While I’m happy you got it working, please note that the version of our player on GitHub is for non-commercial use only and is also not able to be supported by us. We only support the version found at

If you have an issue with the GitHub version in the future, please feel free to file an issue on the GitHub page for the project.

Please let me know if you need any more help or have any other questions.

Thank you!

This question has received the maximum number of answers.