起因
不知道大家有沒有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的後綴。
保存後用瀏覽器加載就行了。
效果對比圖
未使用前:
使用後:
可以看見,上下兩便存在黑色邊的區域被視頻拉伸填滿了。