【极简教程】充分利用MacBook屏幕，在任意网站下拉伸视频至整个屏幕

起因

不知道大家有没有21:9甚至16:10的显示器。一般的视频都是16:9，老一点的《家庭教师》则是4:3，大家去看b站的时候，b站只会有4:3和16:9的强制比例，并没有拉伸选项，爱奇艺也只有100%，没有客户端的“满屏”选项。

我个人有16:10的显示器，16:9拉伸成16:10基本上看不出来，所以拉伸只对4:3有影响，我个人觉得这种情况下，能拉伸视频完美利用屏幕的每个像素，比视频是成比例的重要，大家是不是这么看的？

步骤

首先，要找到一个能加载自定义css文件的浏览器，例如cent browser。

自己用文本编辑器写一个以css文件结尾的文件内容为

video{
 object-fit: fill
}

这个是H5的视频内容拉伸属性，有点惨的是修改不了Flash的。

注意，不要留有txt的后缀。

保存后用浏览器加载就行了。

---

效果对比图

未使用前：

使用后：

可以看见，上下两便存在黑色边的区域被视频拉伸填满了。

Firefox设置全屏

1. about:config里面设置toolkit.legacyUserProfileCustomizations.stylesheets为true
2. about:support里面打开配置文件夹，在里面新建一个chrome目录，在目录里面放置一个userContent.css文件，然后将上面的内容放进去。
3. https://wiki.archlinux.org/index.php/Firefox/Tweaks#General_user_interface_CSS_settings 这是信息来源