怎么使得视频的黑边变白色

在非16:9屏幕上用浏览器打开全屏看视频会有黑边,黑边怎么变为白色?有现成的脚本或者插件实现吗?

1 个赞

使用 Stylus 之类可以设置自定义CSS样式表的插件
匹配所有网址或所需的网站
使用以下代码

video {background: white !important;}
1 个赞

吐槽:现在Kimi真的是越来越烂了,今天用Kimi生成了一个结果不成功,还以为是因为脚本权限不够;看了楼上的评论(感谢解答),才意识到可能是AI生成的不行,换了deepseek跑一下子成功了(deepseek真的速度比以前快了很多,以前老是卡住)
再贴一下成功的脚本,B站测试有效,其他网站未知

// ==UserScript==
// @name         视频黑边转白工具
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  将视频播放时的黑边变为白色
// @author       YourName
// @match        *://*/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';
    // 核心CSS:修改视频容器背景色
    GM_addStyle(`
        video::backdrop, .video-container, .player-container {
            background-color: white !important;
        }
        /* 全屏模式适配 */
        video:-webkit-full-screen::backdrop {
            background-color: white !important;
        }
    `);
    
    // 动态检测视频元素(应对异步加载)
    const observer = new MutationObserver(() => {
        document.querySelectorAll('video').forEach(video => {
            video.style.backgroundColor = "white";
        });
    });
    observer.observe(document.body, { childList: true, subtree: true });
})();

b站有 支持关灯模式的油猴脚本啊.

我这其实相当于开灯 :joy:屏幕没有突起边框(无边框黑色)再加上屏幕比例导致的视频大黑边,黑边异常大体验不是很好,不开灯不行 :joy: