保持视频居中,允许左溢出

时间:2014-10-02 02:52:58

标签: javascript html css video center

Hello Stackoverflow社区,

我想知道如何让英雄背景视频保持在页面中心,无论如何,例如http://thisisdk.com/

纯粹通过CSS,或通过非常小的js。

我遇到的问题是,在调整窗口大小时,我无法将视频保留在中心位置。我没关系裁剪!我只是希望它在中心而不需要调整大小。

这是我当前的测试页https://dl.dropboxusercontent.com/u/96682768/VidTest.html

#intVid {
position: fixed; right: 0; bottom: 0;
min-width: 100%; min-height: 100%;
width: auto; height: 100%; z-index: -100;
background-size: cover;}

<video id="intVid" preload="auto" autoplay="autoplay" loop="loop" ><source src="showtest.mp4"     type="video/mp4">bgvideo</video>

我在网上搜索了几个小时,但没有找到解决方案......不确定这是不是我的头脑。

提前谢谢!

0 个答案:

没有答案