在运行时显示/隐藏 Videojs 控件

Question

有没有办法在运行时显示/隐藏 videojs 播放器上的视频控件（例如 player.controls.hide()）。
任何想法如何做到这一点？谢谢！

Answer 1

使用player.userActive(false)隐藏控件。您还可以监听播放器上的useractive和userinactive事件，以响应播放器自然显示和隐藏控件。

Answer 2

这就是我在 1 秒鼠标不活动超时后隐藏控件的方式。

    var inactivityTimeout = null;
    $('#vmr_video').mousemove(function(event) {
        player.controlBar.fadeIn();
        if (inactivityTimeout != null) {
            clearTimeout(inactivityTimeout);
        } 
        inactivityTimeout = setTimeout(function(){
            player.controlBar.fadeOut();
            controlBarVisible = false;
        }, 1000);
    });