Javascript 如何将显示的视频放在div背景上？

有人能帮我把视频放在网站背景上吗？视频源来自Vimeo。。。我使用iframe将视频设置为src

<iframe src="https://player.vimeo.com/video/45628635?loop=1&background=1" width="100%" height="500px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

您可以在图像上看到我的所需状态

---

这个背景似乎是视频的一部分。您可以更改宽度以切断黑色背景，如本例所示<代码>宽度：93%

“width=“93%”height=“500px”frameborder=“0”webkitallowfullscreen mozallowfullscreen allowfullscreen>

来自Swordys代码。。。检查此代码段

.container{
宽度：100%；
高度：500px；
溢出：隐藏；
}
维德先生{
转换：比例（2.5）；
}

---

为iframe标记提供自己的类，将其放入父容器中，如下所示

<div class="container">
    <iframe class="vid" src="https://player.vimeo.com/video/45628635?loop=1&background=1" width="100%" height="500px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

---

并将溢出隐藏在该“容器”分区将位于的任何对象上。

但我需要固定高度的全网站宽度视频。。。因此，我需要缩放视频并填充它左右两侧的区域似乎是视频本身的一部分，您可以使用transform:scale（1.133，1）；在帧上拉伸视频，这样你就看不到黑色背景了，因为有一个容器将其切掉，或者像以前一样改变宽度将其切掉。这个缺口就在这里确保黑条不是视频本身的一部分。这是我真实的州议员。。。我需要删除黑色边框和缩放内容，以适应固定高度的网站宽度

.vid{
    transform: scale(2.5);
}

.container{
    width: 100%;
    height: 500px;
    overflow: hidden;
}