首页 文章

video.js：强制控制栏淡出

提问于
浏览 次
1

我按照一些例子，在我的页面上为播放器实现了一个停止按钮 . 我希望当我按'stop'时使用 css 和 .show() 来显示海报图像 .

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

如何强制控制栏 fadeOut 类似于播放视频和用户没有移动鼠标时，使用 .fadeOut() ？

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

video.js

1 回答

  • 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;
    回复于

相关问题