背景視頻縮放

Question

試圖在HTML5中創建背景視頻。以下代碼不必要地縮放顯示。

CSS：

#bgvid3 { 
    position:absolute; 
    top: 50%; 
     left: 50%; 
     min-width: 100%; 
     min-height: 100vh; 
     width: auto; 
     height: auto; 
     -ms-transform: translate(-50%, -50%); 
     -moz-transform: translate(-50%, -50%); 
     -webkit-transform: translate(-50%, -50%); 
     -o-transform: translate(-50%, -50%); 
     transform: translate(-50%, -50%); 
} 

我已經做了廣泛的測試和估計變焦是％-20％，10之間。相信我，我已經允許寬高比，但仍不明白爲什麼它會增加視頻的比例。

顯然，這會影響視頻的整體質量，使其看起來更像素化。

Answer 1

下面是答案...

.bgvid3 { 
    object-fit: cover; 
    object-position: center center; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    height: 100%; 
} 

不知道爲什麼這個工程，但它（你會覺得與寬度&高度100％你有一些方面的問題）。沒有縮放和在所有屏幕上工作。