无
百度网盘自用-大屏播放视频 by YolandaMorgan
Details
AuthorYolandaMorgan
LicenseNo License
Categoryhttps://pan.baidu.com
Created
Updated
Size3.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name 百度网盘自用-大屏播放视频
@version 20240204.03.55
@namespace ?
==/UserStyle== */
/* ==UserStyle==
@name 百度网盘自用-大屏播放视频
@version 0.1.0
@description 移除上面的空白,最大高度播放视频,视频的上下布局适合分辨率1366x768和1600x900
@author YolandaMorgan
@license MIT
@namespace https://pan.baidu.com/pfile/video
==/UserStyle== */
@-moz-document url-prefix("https://pan.baidu.com/pfile/video") {
.vp-personal-layout.vp-layout{
transform: scale(0.5);/*此处是导航栏的左侧*/
margin-top: -0.5% !important; /* 不要调整2个0.5,否则,点击按钮困难 */
transform-origin: top left; /* 确保缩放后的内容向上对齐 */
}
.vp-personal-home-layout__video{
/* 无关项 height: initial !important; */
margin-top: -4.5% !important; /* 根据实际情况调整,使得视频区域向上移动 */
}
.vp-personal-home-layout > .vp-layout > .vp-aside{
/* 无关项 height: initial !important; */
margin-top: -4.5% !important; /* 根据实际情况调整,使得侧边栏区域向上移动,必须比vp-personal-home-layout__video的百分比低1%,否则,点击课件按钮困难 */
}
.vp-video .vp-video__player {
position: relative;
width: 100%;
/* 参考项 height: calc(100vh - 50px) !important; /* 调整视频高度以填充空白区域,50px根据页面其他元素的实际占用高度进行调整 */
height: 115%;
}
/*被替 .vp-toolsbar{position: absolute; top: -1.5%;margin-top: -0.75%;left: 65%; transform: translate(-50%, -20%);justify-content: center; font-size: 14px;} /* 调整视频标题 */
.vp-video__control-bar--play, .vp-toolsbar__tools-block, .vp-personal-aside.vp-aside{display: none !important;} /* 屏蔽播放三按钮,分享下载按钮,导航栏右侧 */
.vp-video__control-bar--setup > div.vp-video__control-bar--button-group > .is-icon.vp-video__control-bar--button{display: none !important;} /* 屏蔽分享下载按钮,导航栏右侧 */
#toolBox{ transform: scale(0.8);transform-origin: bottom right}
.vp-video__control-bar{transform-origin: bottom left;top: 101%;margin-left: -3%} /* 调整 字幕,倍速,清晰度三个按钮的位置 */
/*被替 #vjs_video_596 > section > div.vp-video__control-bar--setup > div:nth-child(3) > div > div.vp-popover-reference > div{color: blue; }*/
.vp-video .vp-video__control-bar--button {color: blue;} /* 调整 字幕,倍速,清晰度三个按钮的颜色 */
.vp-toolsbar .vp-toolsbar__title {
position: relative; /*用于置底*/
/* position: fixed; 用于置顶*/
/* top: -5px; */
font-size: 14px;
/* bottom:-60px; /*使用百分比,分导致主副屏显示差异,只能改用 margin-bottom*/
margin-bottom: -13%;
left:102%; /*若设置为正数,会导致标题在播放按钮的上方,会导致播放按钮失效 */
/*被替 transform: translate(90%,0); /*会导致播放按钮失效 用left无效*/
}
/*被替 .vp-toolsbar{position: absolute; top: -1.5%;margin-top: -2%;left: 65%; transform: translate(-50%, -20%);justify-content: center; font-size: 14px;}
.vp-video .vp-video__subtitle-text:after {
width: 0px;
}
}