video.js：强制控制栏淡出

Question

我按照一些示例为我的页面上的播放器实现了一个停止按钮。当我按下“停止”时，我希望海报图像显示出来，我使用css和.show()完成。

唯一的问题是控制栏仍然可见。

如何将控制栏强制设置为fadeOut，与播放视频和用户没有移动鼠标的情况类似，不能使用.fadeOut()？

问题是，如果我使用fadeOut()，我需要将css的显示属性再次设置为可见，否则我无法再次播放视频，因为控制栏不可见。

Answer 1

尝试

.vjs-user-inactive {
  cursor: none;
}

or

.vjs-default-skin.vjs-user-inactive .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;

  -webkit-transition: visibility 1.5s, opacity 1.5s;
     -moz-transition: visibility 1.5s, opacity 1.5s;
      -ms-transition: visibility 1.5s, opacity 1.5s;
       -o-transition: visibility 1.5s, opacity 1.5s;
          transition: visibility 1.5s, opacity 1.5s;