Greasy Fork

可以做的像Youtube那样吗？目前b站默认播放器尺寸太小了，而且宽屏后视频下面部分会被遮挡。

Youtube那样和播放器尺寸太小是指什么？

Youtube那样和播放器尺寸太小是指什么？

就是bilibili和youtube的播放器都不宽屏，youtube窗口大不少，因为b站左右两边有很大的空隙。你可以对比一下

youtub的宽屏其实是叫剧院模式

虽然不难，但不想做到脚本里面。你要有这个需求的话可以自己插入这个样式（需要我这个脚本启用时才有用）

@-moz-document
    url-prefix("https://www.bilibili.com/video"),
    url-prefix("https://www.bilibili.com/list"),
    url-prefix("https://www.bilibili.com/bangumi") {
    #playerWrap.player-wrap,
    #bilibili-player-wrap {
        position: relative;
    }

    .bpx-player-video-wrap>video {
        max-height: calc(100vh - 240px);
    }

    .bpx-player-sending-bar .bpx-player-video-info {
        display: none !important;
    }


    #viewbox_report,
    .video-info-container {
        height: 104px;
    }

    #biliMainHeader {
        margin-top: 0 !important;
    }
}

虽然不难，但不想做到脚本里面。你要有这个需求的话可以自己插入这个样式（需要我这个脚本启用时才有用）

@-moz-document
    url-prefix("https://www.bilibili.com/video"),
    url-prefix("https://www.bilibili.com/list"),
    url-prefix("https://www.bilibili.com/bangumi") {
    #playerWrap.player-wrap,
    #bilibili-player-wrap {
        position: relative;
    }

    .bpx-player-video-wrap>video {
        max-height: calc(100vh - 240px);
    }

    .bpx-player-sending-bar .bpx-player-video-info {
        display: none !important;
    }


    #viewbox_report,
    .video-info-container {
        height: 104px;
    }

    #biliMainHeader {
        margin-top: 0 !important;
    }
}

我把这个导入stylus了，还可以就是全屏时候播放器尺寸有问题

其实B站痛点就两个
1.默认状态窗口小，网页两边有大量空间浪费了。
2.点宽屏模式，视频下面部分会被挡住，每次都要去拉滚动条。
而youtube没这个问题。

刚刚看了一下ACfun学的是油管这个模式。但是默认状态没有圆角。

我把这个导入stylus了，还可以就是全屏时候播放器尺寸有问题

把.bpx-player-video-wrap>video改成.bpx-player-container:not(:fullscreen) .bpx-player-video-wrap>video