[功能建议]能否指定播放器大小？网页全屏加强版宽屏 #492

2220209876 · 2020-05-01T03:44:13Z

能否增加像 https://greasyfork.org/zh-CN/scripts/371672-%E5%93%94%E5%93%A9%E5%93%94%E5%93%A9-bilibili-com-%E6%92%AD%E6%94%BE%E5%99%A8%E8%B0%83%E6%95%B4r-ver-stardust
播放器调整R这类的调整播放器大小的功能？

指定播放器大小后可以滚动鼠标查看简介评论等（因为如果用网页全屏鼠标会不能滚动）

the1812 · 2020-05-01T04:06:26Z

开宽屏不行吗

2220209876 · 2020-05-01T04:15:33Z

开宽屏不行吗

宽屏太小了，不能填满网页窗口。

the1812 · 2020-05-01T04:20:11Z

那么播放器调整R能和我的脚本一起用吗

2220209876 · 2020-05-01T04:34:26Z

那么播放器调整R能和我的脚本一起用吗

播放器调整R在B站新版播放器界面有问题所以。。。

the1812 · 2020-05-01T06:03:54Z

试试这个应该够宽了吧
开控制台(Ctrl+Shift+I)粘贴进去运行

bilibiliEvolved.installStyle({name: 'widescreenPlus', style: `.player-mode-widescreen #app {
    position: relative !important;
}
.player-mode-widescreen #bofqi {
    width: 98vw !important;
    height: calc(100vh - 50px - 40px) !important;
    position: absolute !important;
    left: 1vw !important;
}
.player-mode-widescreen .player-wrap,
.player-mode-widescreen .danmaku-box {
    height: calc(100vh - 50px - 40px) !important;
}`, displayName: '加强版宽屏', mode: 'important'})

2220209876 · 2020-05-02T03:50:15Z

试试这个应该够宽了吧
开控制台(Ctrl+Shift+I)粘贴进去运行

bilibiliEvolved.installStyle({name: 'widescreenPlus', style: `.player-mode-widescreen #app {
    position: relative !important;
}
.player-mode-widescreen #bofqi {
    width: 98vw !important;
    height: calc(100vh - 50px - 40px) !important;
    position: absolute !important;
    left: 1vw !important;
}
.player-mode-widescreen .player-wrap,
.player-mode-widescreen .danmaku-box {
    height: calc(100vh - 50px - 40px) !important;
}`, displayName: '加强版宽屏', mode: 'important'})

谢谢谢谢，厉害厉害

可以增加高度吗？红框区域

比如像这个脚本这样的效果 https://github.com/Zren/ResizeYoutubePlayerToWindowSize/

顶栏移动到视频底部从而实现播放器填充网页

2220209876 · 2020-05-02T04:04:16Z

可以像这个脚本这样的效果吗 https://github.com/Zren/ResizeYoutubePlayerToWindowSize/

顶栏移动到视频底部从而实现播放器填充网页

the1812 · 2020-05-02T04:46:00Z

那个脚本效果长什么样? 我上不了youtube
高度你可以自己调代码里那两段height: calc(100vh - 50px - 40px) 把减去的数值改小一点重新再运行一次

2220209876 · 2020-05-02T04:54:53Z

那个脚本效果长什么样？我上不了youtube
高度你可以自己调代码里那两段height: calc(100vh - 50px - 40px)把反相的数值改小一点重新再运行一次

这样的，第一屏是视频填充网页，滑动鼠标出现搜索栏（顶栏）等

2220209876 · 2020-05-02T05:15:20Z

那个脚本效果长什么样? 我上不了youtube
高度你可以自己调代码里那两段height: calc(100vh - 50px - 40px) 把减去的数值改小一点重新再运行一次

100vh - 50px - 40px
改为100 0 0

播放器置顶up主信息下移需要改-966 ，顶栏搜索栏如果可以下移就不用开启定位到播放器功能了。

红框里是第一屏效果
如果增加自动隐藏弹幕栏就不用装两个脚本了😄

2220209876 · 2020-05-02T06:20:45Z

稍后再看页面错位(┬＿┬)

Coulomb-G · 2020-05-02T06:26:31Z

错位的话,请开启「稍后再看重定向」

2220209876 · 2020-05-02T06:29:22Z

错位的话,请开启「稍后再看重定向」

😄 这个功能怎么说呢。。。如果稍后观看里有一个视频还行，用稍后观看的时候大部分情况下都是有很多视频，重定向后的稍后观看需要手动播放下一个，所以超级麻烦

Coulomb-G · 2020-05-02T06:32:11Z

那你得找b站去做个新版稍后再看,旧版稍后再看这边不会再做适配

the1812 · 2020-05-02T06:32:33Z

那就赶快催一下b站把稍后再看整个换新版吧
总是以youtube的思维逛b站肯定会觉得到处麻烦的

2220209876 · 2020-05-02T06:34:27Z

那就赶快催一下b站把稍后再看整个换新版吧
已经联系了
总是以youtube的思维逛b站肯定会觉得到处麻烦的
以youtube的思维逛b站？
YouTube搜索栏没用脚本前也是在顶部的

the1812 · 2020-05-02T06:57:22Z

我是指youtube的设计跟b站不一样强求把youtube的设计搬到b站总是会不完美的
点赞的位置宽屏的大小还有标题/up主的位置(或者说是首屏的呈现)等等
建议尽量去适应b站, 而不是把b站变得更像youtube

2220209876 · 2020-05-02T07:01:12Z

我是指youtube的设计跟b站不一样强求把youtube的设计搬到b站总是会不完美的
点赞的位置宽屏的大小还有标题/up主的位置(或者说是首屏的呈现)等等
建议尽量去适应b站, 而不是把b站变得更像youtube

本来问题是搜索顶栏位置能不能移动到下方，怎么和YouTube与B站扯上关系了？
你直接写明B站的顶栏因技术原因只能移动播放器位置不能移动搜索顶栏位置不就好了

the1812 · 2020-05-02T07:04:23Z

那个说的是稍后再看跟宽屏的问题
顶栏我确实也移不下去

2220209876 · 2020-05-02T07:05:29Z

那个说的是后来再看跟宽屏的问题
顶栏我确实也移不下去

稍后观看是B站用旧版播放器问题（用旧版的界面再用旧版的调整R脚本可以解决），等B站用新版播放器应该就可以了

SpoonerCake · 2020-05-03T10:53:37Z

如果想去掉顶栏的话可以在AdblockPlus插件里面添加过滤规则：www.bilibili.com##.mini-header.m-header.mini-type
因为我是把动态页t.bilibili.com放到收藏夹的，这个规则是在播放页面屏蔽顶栏，效果如下，而我想搜索时，就会打开收藏的动态页

效果感觉还不错

the1812 · 2020-05-03T12:28:56Z

稍后再看那个得等b站了
顶栏我又有些想法了说不定真能移下去

the1812 · 2020-05-03T12:40:24Z

顶栏下移版

bilibiliEvolved.installStyle({name: 'widescreenPlus', style: `.player-mode-widescreen #app {
    position: relative !important;
}
.player-mode-widescreen #bofqi {
    width: 100vw !important;
    height: calc(100vh) !important;
    position: absolute !important;
    left: 0 !important;
}
.player-mode-widescreen .player-wrap,
.player-mode-widescreen .danmaku-box {
    height: calc(100vh + 50px) !important;
}
.player-mode-widescreen .custom-navbar {
    transform: translateY(100vh);
}
.player-mode-widescreen {
    scrollbar-width: none !important;   
}
.player-mode-widescreen #app {
    transform: translateY(-70px);
}
.player-mode-widescreen::-webkit-scrollbar {
    height: 0 !important;
    width: 0 !important;
}`, displayName: '加强版宽屏', mode: 'important'})

2220209876 · 2020-05-03T13:03:45Z

如果想去掉顶栏的话可以在AdblockPlus插件里面添加过滤规则：www.bilibili.com ##。mini-header.m-header.mini-type
因为我是把动态页t.bilibili.com放到收藏夹的，这个规则是在播放页面屏蔽顶栏，效果如下，而我想搜索时，就会打开收藏的动态页面效果感觉还不错

o(∩_∩)o 不错的方式

2220209876 · 2020-05-03T13:06:12Z

顶栏下移版

bilibiliEvolved.installStyle({name: 'widescreenPlus', style: `.player-mode-widescreen #app {
    position: relative !important;
}
.player-mode-widescreen #bofqi {
    width: 100vw !important;
    height: calc(100vh) !important;
    position: absolute !important;
    left: 0 !important;
}
.player-mode-widescreen .player-wrap,
.player-mode-widescreen .danmaku-box {
    height: calc(100vh + 50px) !important;
}
.player-mode-widescreen .custom-navbar {
    transform: translateY(100vh);
}
.player-mode-widescreen {
    scrollbar-width: none !important;   
}
.player-mode-widescreen #app {
    transform: translateY(-70px);
}
.player-mode-widescreen::-webkit-scrollbar {
    height: 0 !important;
    width: 0 !important;
}`, displayName: '加强版宽屏', mode: 'important'})

666真的可以

2220209876 · 2020-05-03T13:06:30Z

如果想去掉顶栏的话可以在AdblockPlus插件里面添加过滤规则：www.bilibili.com##.mini-header.m-header.mini-type
因为我是把动态页t.bilibili.com放到收藏夹的，这个规则是在播放页面屏蔽顶栏，效果如下，而我想搜索时，就会打开收藏的动态页

效果感觉还不错

弹幕栏怎么隐藏的？

the1812 · 2020-05-03T13:08:37Z

弹幕栏隐藏加一段:

.player-mode-widescreen .bilibili-player-video-bottom-area {
    display: none !important;
}

2220209876 · 2020-05-03T13:14:29Z

弹幕栏隐藏加一段:

.player-mode-widescreen .bilibili-player-video-bottom-area {
    display: none !important;
}

弹幕栏可以自动隐藏吗？就像全屏模式那样移动到下面会自动出来

2220209876 · 2020-05-03T13:21:24Z

自动定位播放器-1040就是完美版第一屏视频了，如果关闭自动定位播放器播放器会往下移动30像素左右。

the1812 · 2020-05-04T11:59:30Z

顶多是做成页面往下移动看到弹幕栏这样子给高度加上46px(弹幕栏的高度)

height: calc(100vh + 46px) !important;

2220209876 · 2020-05-06T02:15:13Z

bilibiliEvolved.installStyle({name: 'widescreenPlus', style: .player-mode-widescreen #app { position: relative !important; } .player-mode-widescreen #bofqi { width: 100vw !important; height: calc(100vh) !important; position: absolute !important; left: 0 !important; } .player-mode-widescreen .player-wrap, .player-mode-widescreen .danmaku-box { height: calc(100vh + 50px) !important; } .player-mode-widescreen .custom-navbar { transform: translateY(100vh); } .player-mode-widescreen { scrollbar-width: none !important; } .player-mode-widescreen #app { transform: translateY(-70px); } .player-mode-widescreen::-webkit-scrollbar { height: 0 !important; width: 0 !important; } .player-mode-widescreen .bilibili-player-video-bottom-area { display: none !important; } }, displayName: '加强版宽屏', mode: 'important'})

现在用的这个代码不能投币（会有遮罩）

.player-mode-widescreen #app {
transform: translateY(-70px);
}去掉这一行代码能投币（但是会错位）

2220209876 · 2020-05-12T13:24:37Z

顶多是做成页面往下移动看到弹幕栏这样子给高度加上46px(弹幕栏的高度)
height: calc(100vh + 46px) !important;

不知道加在哪(┬＿┬)，
另外用了宽屏代码后不能投币（好像有遮罩）

the1812 · 2020-05-12T13:43:51Z

就是把里面height: xxxx的换成这段

2220209876 · 2020-05-12T14:08:38Z

bilibiliEvolved.installStyle({name: 'widescreenPlus', style: .player-mode-widescreen #app { position: relative !important; } .player-mode-widescreen #bofqi { width: 100vw !important; height: calc(100vh + 46px) !important; position: absolute !important; left: 0 !important; } .player-mode-widescreen .player-wrap, .player-mode-widescreen .danmaku-box { height: calc(100vh + 50px) !important; } .player-mode-widescreen .custom-navbar { transform: translateY(100vh); } .player-mode-widescreen { scrollbar-width: none !important; } .player-mode-widescreen #app { transform: translateY(-70px); } .player-mode-widescreen::-webkit-scrollbar { height: 0 !important; width: 0 !important; }, displayName: '加强版宽屏', mode: 'important'})

这样操作没效果。。。

the1812 · 2020-05-12T14:18:23Z

bilibiliEvolved.installStyle({name: 'widescreenPlus', style: `
.player-mode-widescreen #app {
    position: relative !important;
}
.player-mode-widescreen #bofqi {
    width: 100vw !important;
    height: calc(100vh + 46px) !important;
    position: absolute !important;
    left: 0 !important;
}
.player-mode-widescreen .player-wrap,
.player-mode-widescreen .danmaku-box {
    height: calc(100vh + 50px + 46px) !important;
}
.player-mode-widescreen .custom-navbar {
    transform: translateY(calc(100vh + 46px));
}
.player-mode-widescreen {
    scrollbar-width: none !important;   
}
.player-mode-widescreen #app {
    transform: translateY(-70px);
}
.player-mode-widescreen::-webkit-scrollbar {
    height: 0 !important;
    width: 0 !important;
}`, displayName: '加强版宽屏', mode: 'important'})

2220209876 · 2020-05-12T14:22:42Z

bilibiliEvolved.installStyle({name: 'widescreenPlus', style: `
.player-mode-widescreen #app {
    position: relative !important;
}
.player-mode-widescreen #bofqi {
    width: 100vw !important;
    height: calc(100vh + 46px) !important;
    position: absolute !important;
    left: 0 !important;
}
.player-mode-widescreen .player-wrap,
.player-mode-widescreen .danmaku-box {
    height: calc(100vh + 50px + 46px) !important;
}
.player-mode-widescreen .custom-navbar {
    transform: translateY(calc(100vh + 46px));
}
.player-mode-widescreen {
    scrollbar-width: none !important;   
}
.player-mode-widescreen #app {
    transform: translateY(-70px);
}
.player-mode-widescreen::-webkit-scrollbar {
    height: 0 !important;
    width: 0 !important;
}`, displayName: '加强版宽屏', mode: 'important'})

可以了谢谢，不能投币是什么原因？

the1812 · 2020-05-12T15:59:20Z

投币点了得再往下一些

2220209876 · 2020-05-13T02:31:32Z

投币点了得再往下一些

😀看到了，在第三屏

2220209876 · 2020-08-04T04:13:54Z

大佬又来麻烦你了😃
1、用了加强版宽屏最近播放页的up主信息和推荐视频的位置会空出好多位置怎么办
2、投币会显示在第三屏有办法修一下吗

bilibiliEvolved.installStyle({name: 'widescreenPlus', style: `
.player-mode-widescreen #app {
    position: relative !important;
}
.player-mode-widescreen #bofqi {
    width: 100vw !important;
    height: calc(100vh + 46px) !important;
    position: absolute !important;
    left: 0 !important;
}
.player-mode-widescreen .player-wrap,
.player-mode-widescreen .danmaku-box {
    height: calc(100vh + 50px + 46px) !important;
}
.player-mode-widescreen .custom-navbar {
    transform: translateY(calc(100vh + 46px));
}
.player-mode-widescreen {
    scrollbar-width: none !important;   
}
.player-mode-widescreen #app {
    transform: translateY(-70px);
}
.player-mode-widescreen::-webkit-scrollbar {
    height: 0 !important;
    width: 0 !important;
}`, displayName: '加强版宽屏', mode: 'important'})

2220209876 · 2023-07-16T04:06:25Z

有个年更脚本更新了，和这个YouTube脚本一样可以自动网页全屏还可以下滑查看评论

https://greasyfork.org/zh-CN/scripts/415804

2220209876 mentioned this issue May 2, 2020

去除【宽屏模式】自动调节网页位置的问题 #483

Closed

the1812 mentioned this issue May 23, 2020

Update to v1.10.24 #551

Merged

the1812 closed this as completed in #551 May 23, 2020

the1812 mentioned this issue May 27, 2020

减小播放器、弹幕所在的竖栏到边缘的间距，来增大播放器的大小 #563

Closed

the1812 mentioned this issue Jun 22, 2020

能不能调整播放器的位置 #590

Closed

2220209876 mentioned this issue Oct 15, 2020

自定义播放器大小-加强版宽屏失效 #1034

Closed

2220209876 changed the title ~~[功能建议]能否指定播放器大小？~~ [功能建议]能否指定播放器大小？网页全屏加强版宽屏 Jul 16, 2023

[功能建议]能否指定播放器大小？网页全屏 加强版宽屏 #492

[功能建议]能否指定播放器大小？网页全屏 加强版宽屏 #492

Comments

2220209876 commented May 1, 2020 • edited Loading

the1812 commented May 1, 2020

2220209876 commented May 1, 2020

the1812 commented May 1, 2020

2220209876 commented May 1, 2020

the1812 commented May 1, 2020 • edited Loading

2220209876 commented May 2, 2020 • edited Loading

2220209876 commented May 2, 2020

the1812 commented May 2, 2020

2220209876 commented May 2, 2020

2220209876 commented May 2, 2020 • edited Loading

2220209876 commented May 2, 2020

Coulomb-G commented May 2, 2020

2220209876 commented May 2, 2020

Coulomb-G commented May 2, 2020

the1812 commented May 2, 2020

2220209876 commented May 2, 2020 • edited Loading

the1812 commented May 2, 2020

2220209876 commented May 2, 2020 • edited Loading

the1812 commented May 2, 2020

2220209876 commented May 2, 2020 • edited Loading

SpoonerCake commented May 3, 2020

the1812 commented May 3, 2020

the1812 commented May 3, 2020 • edited Loading

2220209876 commented May 3, 2020

2220209876 commented May 3, 2020

2220209876 commented May 3, 2020

the1812 commented May 3, 2020

2220209876 commented May 3, 2020 • edited Loading

2220209876 commented May 3, 2020

the1812 commented May 4, 2020

2220209876 commented May 6, 2020

2220209876 commented May 12, 2020

the1812 commented May 12, 2020

2220209876 commented May 12, 2020

the1812 commented May 12, 2020

2220209876 commented May 12, 2020

the1812 commented May 12, 2020

2220209876 commented May 13, 2020

2220209876 commented Aug 4, 2020

2220209876 commented Jul 16, 2023

[功能建议]能否指定播放器大小？网页全屏加强版宽屏 #492

[功能建议]能否指定播放器大小？网页全屏加强版宽屏 #492

2220209876 commented May 1, 2020 •

edited

Loading

the1812 commented May 1, 2020 •

edited

Loading

2220209876 commented May 2, 2020 •

edited

Loading

2220209876 commented May 2, 2020 •

edited

Loading

2220209876 commented May 2, 2020 •

edited

Loading

2220209876 commented May 2, 2020 •

edited

Loading

2220209876 commented May 2, 2020 •

edited

Loading

the1812 commented May 3, 2020 •

edited

Loading

2220209876 commented May 3, 2020 •

edited

Loading