【極簡教程】充分利用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的後綴。

保存後用瀏覽器加載就行了。
設置樣式文件


效果對比圖

未使用前:
留空……
使用後:
在這裏插入圖片描述
可以看見,上下兩便存在黑色邊的區域被視頻拉伸填滿了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章