在我的页面中集成视频全屏的最佳解决方案

Question

我需要在我的page中将视频作为完整背景。视频必须准确放置在有图像的位置。

图像在我的div中：

<div class="main">
    <img src="img/lapedrera1.jpg" alt="architecture" class="homeimg">
</div><!-- /main -->

.main  {
z-index:1;
position:fixed;
}

我需要在那里放一个视频，取代img。

我想从右脚开始，你怎么建议我这样做？哪种方式最好？

由于

Answer 1

我前几天正在测试这个。继承人我以前的全屏视频 顶部/左侧/右侧/底部我只是将它强行放到边缘但是这下面的def工作。

#vid{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1000;
  width:100%;
  height:100%;

}

此外，我使用CSS重置，因此所有浏览器上的所有值都相同。因此，如果添加重置，您可以删除（或保留）上/左/右/下值等。

但这应该让你去。显然只需更改父div的#vid即可。 Z-index是如此，它移动到我在页面上的任何东西后面，所以你可以随心所欲地玩它。