背景视频调整大小问题
问题描述:
我试图让背景视频的大小正确,但它的行为真的很奇怪。我正在处理的网站是这样的:http://evolfo.github.io/*lyn-Birdhouse/index.html背景视频调整大小问题
视频顶部有一个未使用的空间(我不知道它是如何到达那里的),并且我无法使视频填满整个容器100%的时间。
下面是视频中的CSS:
video {
position: fixed;
right: 0;
min-height: 100%;
min-width: 100%;
z-index: -100;
}
任何建议都非常赞赏。谢谢!
答
虽然这不是一个好的解决方案,但您可以使用margin/padding功能来掩盖它。只需添加
margin: -10px 0px 0px 0px
下视频的CSS或把它嵌入代码将它推了自己在未使用的空间。您可能需要将-10px调整为更精确的数值。
它在铬中看起来不错 - 当你说你无法在100%的时间内把视频填满容器时,你是什么意思? – br3w5
就像我在旁边注意到你的html中有很多内联样式。你应该把它移到你的style.css中 – br3w5
我没有看到这个,Chrome和IE也没有 –