Html 将div whit video置于boostrap 3上

我正在尝试用视频广告定位一个div，此视频必须经过一个图像，此图像位于

bootstrap3

容器内。。 视频必须像图像一样响应并调整大小。 问题是我无法调整所有分辨率，我也尝试将视频放在引导程序中，并将其放置在图像上，但它没有正常工作

代码笔：

---

将此CSS添加到视频标签中，您可以调整下面在

宽度

和

最大高度

中描述的值

video {
    width: 68rem;
    max-height: 50%;
    max-width: 100%;
}

---

更新的代码笔：

我不得不重新构造一些HTML，使视频和图像具有响应性。 这是更新后的Codpen链接。我还必须添加一个小型媒体查询

图像绝对定位在视频上

.img-container {
 position: absolute;
  top: 60px;
  left: 60px;
}

---

谢谢Nisharg，但是视频的宽度和高度必须与Bigining中的图像相同。您可以使用我在答案中描述的值播放，但我编辑我的答案，请检查答案！我把position:absolute和top放在div上，没有引导将其放在图像上，问题是top是固定的，所以当我更改分辨率时，视频不会停留在初始位置。这里唯一的解决方案是使用媒体查询？谢谢我不知道你想说什么为我糟糕的英式英语道歉。。。为了将视频放在图像上，我对视频所在的div应用了相对位置和顶部。。。问题是，当我最小化屏幕时，顶部不会调整。感谢sagar1025，但是视频的div必须在图像的div中。现在尝试此链接。我只是为图像和视频添加了一个包装器。我还将img响应类添加到视频中，使其具有响应性