净化 B站/哔哩哔哩 页面,支持「精简功能、播放器净化、过滤视频、过滤评论、全站黑白名单」,提供 300+ 功能,定制自己的 B 站
具体是哪方面调整不够精细?现在上下位置拖动挺丝滑的啊
具体是哪方面调整不够精细?现在上下位置拖动挺丝滑的啊
抱歉可能是我说的话有歧义 我的意思是调整字幕的整体位置 目前b站官方只能选择几种预设的位置 我想要自定义外挂字幕的整体显示位置
这个比较细致的调节很难做到插件里,建议使用 Stylus 插件自行调整位置
用 Stylus 给播放页新增下方样式,如图,其中 translateX
后面的数值是左右偏移,translateY
是上下偏移,数值的正负影响偏移方向
用这段样式搭配官方的预设位置,可以让字幕在任意位置显示
/* 普通时 字幕偏移 */
.bpx-player-container[data-screen="normal"] .bpx-player-subtitle-panel-position {
transform: translateX(-10px) translateY(10px);
}
/* 宽屏时 字幕偏移 */
.bpx-player-container[data-screen="wide"] .bpx-player-subtitle-panel-position {
transform: translateX(-10px) translateY(10px);
}
/* 网页全屏时 字幕偏移 */
.bpx-player-container[data-screen="web"] .bpx-player-subtitle-panel-position {
transform: translateX(-10px) translateY(10px);
}
/* 全屏时 字幕偏移 */
.bpx-player-container[data-screen="full"] .bpx-player-subtitle-panel-position {
transform: translateX(-10px) translateY(10px);
}
这个比较细致的调节很难做到插件里,建议使用 Stylus 插件自行调整位置
用 Stylus 给播放页新增下方样式,如图,其中
translateX
后面的数值是左右偏移,translateY
是上下偏移,数值的正负影响偏移方向用这段样式搭配官方的预设位置,可以让字幕在任意位置显示
/* 普通时 字幕偏移 */ .bpx-player-container[data-screen="normal"] .bpx-player-subtitle-panel-position { transform: translateX(-10px) translateY(10px); } /* 宽屏时 字幕偏移 */ .bpx-player-container[data-screen="wide"] .bpx-player-subtitle-panel-position { transform: translateX(-10px) translateY(10px); } /* 网页全屏时 字幕偏移 */ .bpx-player-container[data-screen="web"] .bpx-player-subtitle-panel-position { transform: translateX(-10px) translateY(10px); } /* 全屏时 字幕偏移 */ .bpx-player-container[data-screen="full"] .bpx-player-subtitle-panel-position { transform: translateX(-10px) translateY(10px); }
哇 感谢辛苦答复 这就去试试 谢谢大佬!
亲测好用 再次拜谢!
功能请求 可否增强视频外挂字幕的位置调整 目前b站自带的字幕位置调整不够精细 可否增加一个微调外挂字幕位置的功能谢谢