2015-04-06 158 views
0

我試圖讓背景視頻的大小正確,但它的行爲真的很奇怪。我正在處理的網站是這樣的:http://evolfo.github.io/Brooklyn-Birdhouse/index.html背景視頻調整大小問題

視頻頂部有一個未使用的空間(我不知道它是如何到達那裏的),並且我無法使視頻填滿整個容器100%的時間。

下面是視頻中的CSS:

video { 
    position: fixed; 
    right: 0; 
    min-height: 100%; 
    min-width: 100%; 
    z-index: -100; 
} 

任何建議都非常讚賞。謝謝!

+1

它在鉻中看起來不錯 - 當你說你無法在100%的時間內把視頻填滿容器時,你是什麼意思? – br3w5

+0

就像我在旁邊注意到你的html中有很多內聯樣式。你應該把它移到你的style.css中 – br3w5

+0

我沒有看到這個,Chrome和IE也沒有 –

回答

0

雖然這不是一個好的解決方案,但您可以使用margin/padding功能來掩蓋它。只需添加

margin: -10px 0px 0px 0px 

下視頻的CSS或把它嵌入代碼將它推了自己在未使用的空間。您可能需要將-10px調整爲更精確的數值。