Greasy Fork

可否在显示底部控件栏的时候把视频抬高一点
当前视频的字幕会被控件栏挡住，当跳转视频从字幕寻找目标内容的时候尤其烦恼

不额外设计的话，关闭“隐藏黑边”的效果挺好，但是顶部标题栏也空出来了，没有必要

希望能额外设计一下，牺牲的垂向空间多了

另外，关闭“隐藏黑边”功能后，在cent、chrome、123浏览器里都有点错位，而且还有阴影

关闭“隐藏黑边”功能后，在cent、chrome、123浏览器里都有点错位，而且还有阴影

脚本功能不兼容关闭隐藏黑边，不考虑做适配

可否在显示底部控件栏的时候把视频抬高一点

这个也不考虑做进脚本，不过作为代替你可以用这个样式，让你鼠标不悬浮在控制栏的时候不显示控制栏，你只要别刻意去把鼠标往下放就不会影响到字幕

.bpx-player-control-entity {
  opacity: 0;

  &[data-shadow-show="false"]:hover {
    opacity: 1;
  }
}

我记得之前版本是兼容“关闭”的？

我的意思是，我鼠标移动到控件区调整进度的时候，控件区会遮挡字幕。

当然，这个样式值得一试，不过能保留这个不显示控件区时候的底部进度条吗，感谢！

之前版本是兼容“关闭”的？

这个不清楚，至少我测试的时候一直是以开着隐藏黑边测试的

鼠标移动到控件区调整进度的时候，控件区会遮挡字幕

主要是按照前面说的抬高视频可能会与导航栏下置以及自动高度等功能冲突，暂时没有想到好的解决方法

保留这个不显示控件区时候的底部进度条

改了一下

.bpx-player-control-top,
.bpx-player-control-bottom,
.bpx-player-pbp {
  opacity: 0 !important;
}

.bpx-player-control-wrap:hover {

  .bpx-player-control-top,
  .bpx-player-control-bottom,
  .bpx-player-pbp {
    opacity: 1 !important;
  }
}

.bpx-player-control-wrap:not(:hover) {
  .bpx-player-shadow-progress-area {
    opacity: 1;
    visibility: visible;
  }
}

之前版本是兼容“关闭”的？

这个不清楚，至少我测试的时候一直是以开着隐藏黑边测试的

鼠标移动到控件区调整进度的时候，控件区会遮挡字幕

主要是按照前面说的抬高视频可能会与导航栏下置以及自动高度等功能冲突，暂时没有想到好的解决方法

保留这个不显示控件区时候的底部进度条

改了一下

.bpx-player-control-top,
.bpx-player-control-bottom,
.bpx-player-pbp {
  opacity: 0 !important;
}

.bpx-player-control-wrap:hover {

  .bpx-player-control-top,
  .bpx-player-control-bottom,
  .bpx-player-pbp {
    opacity: 1 !important;
  }
}

.bpx-player-control-wrap:not(:hover) {
  .bpx-player-shadow-progress-area {
    opacity: 1;
    visibility: visible;
  }
}

谢谢，很好用，有一个小缺点是，鼠标放在进度条上调整进度的时候，一旦稍微往上移一点，就移出了控件区显示的触发区域，控件区就隐藏了，需要鼠标再往下移才能触发显示。
能否提高一点触发控件区显示的区域？稍微比进度条高一点，就不会太容易触发隐藏，同时也能实现当前大部分时间控件区隐藏的效果
能否像这样提供一个百分比或者px数？我自己调试具体高出多少。
感谢！

之前版本是兼容“关闭”的？

这个不清楚，至少我测试的时候一直是以开着隐藏黑边测试的

鼠标移动到控件区调整进度的时候，控件区会遮挡字幕

主要是按照前面说的抬高视频可能会与导航栏下置以及自动高度等功能冲突，暂时没有想到好的解决方法

保留这个不显示控件区时候的底部进度条

改了一下

.bpx-player-control-top,
.bpx-player-control-bottom,
.bpx-player-pbp {
  opacity: 0 !important;
}

.bpx-player-control-wrap:hover {

  .bpx-player-control-top,
  .bpx-player-control-bottom,
  .bpx-player-pbp {
    opacity: 1 !important;
  }
}

.bpx-player-control-wrap:not(:hover) {
  .bpx-player-shadow-progress-area {
    opacity: 1;
    visibility: visible;
  }
}

“高能指示”区域拉高就是类似的效果，在高能指示区域内都可以触发控件区显示，同时也不会太高，不刻意去把鼠标往下放就不会影响到字幕

.bpx-player-control-top {
    padding-top: 50px; /* 进度条上方额外触发区域高度 */
}

.bpx-player-pbp {
    z-index: initial !important;
}

试试看这个