在div中移动视频

Question

我正在创建一个带有视频标题的网站。 实施一切顺利。 虽然有一点不太好。

实际上，我应该能够在orde中的div中重新定位视频，以查看另一部分内容。 （见截图）

我想要的是视频会上升，以便我可以看到视频的下半部分。

现在在505px高度后出现溢出。

有人可以帮我这个吗？

我使用的CSS：

#cover
{
    width: auto;
    height: 505px;
}

.header-unit1
{
    height: 505px;
    border-right:none;
    border-left: none;
    position: relative;
    padding: 20px;
}

#video-container1
{
    position: absolute;
    z-index:-10;
}

#video-container1
{
    top:0%;
    left:0%;
    height:505px;
    width:100%;
    overflow: hidden;
}

#testvid video
{
    position:absolute;
}

#testvid video.fillWidth1
{
    width: 100%;
}

任何提示都会很好！

Answer 1

以下是您想要完成的（我认为）的一般概念：

HTML：

<div class="container">
   <video ...></video>
</div>

CSS：

.container {
   width:100%;
   height: 505px;
   position:relative;
   overflow:hidden;
}

video{
   max-width:100%;
   position:absolute;
   top:0px;
}

然后为视频顶部位置设置动画。您可以使用Javascript执行此操作，也可以添加其他类video.animated { top: 50px; }

Answer 2

感谢您的反应。

我将margin-top: -250px;应用于视频元素，该视频元素为我提供了另一帧视频，正是我所需要的。 例如，我现在看到人们走路而不是蓝天。