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

Question

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

Answer 1

这是在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);
    });

Answer 2

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

Answer 3

动态显示/隐藏控件

this.player.controls(true) // shows control

this.player.controls(false) // hides control