2015-04-06 160 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调整为更精确的数值。