仅当鼠标悬停在Jwplayer 7.1.1上时显示控制栏

Question

我想只在鼠标悬停事件时显示控制栏。我能够在Jwplayer 7.0.3中实现这一点，使用如下所示:

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

播放器(playerFrame)有它自己的鼠标悬停来移除非用户活动类，但是现在，在7.1.1中，鼠标悬停事件没有被触发。如果我把它添加到我的playerFrame，它的行为会很奇怪，但仍然不会显示控制栏。有什么变化可能导致这种情况吗?

谢谢。

LE:我添加了这些行

playerFrame.onmouseout = function() {
  if (!playerFrame.classList.contains('jw-flag-user-inactive')) {
    playerFrame.className += ' ' + 'jw-flag-user-inactive';
  }
}
playerFrame.onmouseover = function() {
  if (playerFrame.classList.contains('jw-flag-user-inactive')) {
    playerFrame.classList.remove('jw-flag-user-inactive');
  }
}

这在Chrome和Safari中有效，但在Firefox中不起作用。在Firefox中，如果我再次快速移出和移入，我的鼠标悬停事件不会触发。但是，如果事件之间间隔2-3秒，则触发鼠标悬停事件。似乎只有当鼠标悬停在控制栏上时，Firefox中的鼠标悬停事件才会触发

Answer 1

虽然更新没有一个合理的解决方案，但我们必须让它工作。

所以，我这样做了:

var targetId = 'player';
$jwplayer(targetId).onReady(function(){
    this.onPlay(callbackOnPlay);
});
var callbackOnPlay = function(){
    var player = $('#' + targetId),
    controlbar = (player.length) ? player.find('.jw-controls') : $('.jw-controls');
    player.onPlay()
    if (player.length && controlbar.length) {
        //Delay 2s
        setTimeout(function() {
           controlbar.fadeOut();
        }, 2000);
        //Add hover event
        player.hover(
           function() {
              controlbar.fadeIn();
           }, function() {
              controlbar.fadeOut();
           }
        );
    }
};