在全屏窗口显示/隐藏控制视频

Question

有没有办法在全屏窗口上显示/隐藏videojs播放器上的视频控件？ （例如，player.controls.hide（））。

这是我的代码

player.on('fullscreenchange', function(e) {
    if (player.isFullscreen()) {
        player.on('mouseout', function(){ 
          player.controlBar.addClass('vjs-fade-out'); 
        });

        player.on('mouseover', function(){ 
          player.controlBar.removeClass('vjs-fade-out'); 
        });
    } else {
        player.controls(true);
      }
    });

但不适用于自动隐藏

任何想法如何做到这一点？谢谢！

Answer 1

基于https://docs.videojs.com/docs/guides/options.html

你可以尝试：

$('#playerId').removeAttr('controls');