Html 100%宽度和固定高度的背景视频

我需要在后台运行一个视频。要求视频必须在100%宽度和600px高度/最大高度上运行。这就是我试图做的

HTML

<video autoplay loop muted id="video-bg">

<source src="http://demosthenes.info/assets/videos/polina.mp4" type="video/mp4">

</video>

---

我面临的问题是，当我试图固定高度时，它也会缩小宽度。任何解决我问题的办法都将受到高度赞赏

这是您的更新代码

请注意，我更改了<代码>最小高度：100%至<代码>最小高度：600px和添加的

顶部：0

#video-bg {
position: fixed;
top: 0;
right: 0;
width: auto;
min-width: 100%;
height: auto;
min-height: 600px;
z-index: -100;
background: transparent url(video-bg.jpg) no-repeat;
background-size: cover;
}
video {display: block;}

在了解你想要达到的目标之后

您需要向视频中添加父级
div
。否则，它将保持纵横比，你无法实现你想要的


#视频背景{
位置：相对位置；
宽度：自动；
最小宽度：100%；
高度：自动；
背景：透明url（video bg.jpg）无重复；
背景尺寸：封面；
}
录像带{
显示：块；
}
.视频容器{
宽度：100%；
最大高度：600px；
溢出：隐藏；
位置：固定；
排名：0；
右：0；
z指数：-100；
}

请在您的答案中显示您的代码（仅相关代码即可），如果链接中断，则此答案将无效。请在以后的帖子中考虑这个问题。“鲁迪，如果那是指我，那么代码就已经发布在这个问题上了，我告诉他要改变什么……”ODIDA是的，这是指你，代码是否在上面并不重要。Stackoverflow甚至内置了一个小编辑器，这样您就可以在答案中显示结果。这会让包括你在内的每个人的生活变得更轻松，如果你在一天结束时接受建议，这取决于你，但我相信你很快就会知道什么是好答案，什么是不好答案。如果答案是正确和直接的，我不认为所有其他信息都是相关的，谢谢你的建议。@odedta你犯了一些css错误。在这里你得到正确的预览在这里工作。和@Joelalmeda您的答案真的很好，我猜我们需要咨询视频编辑器，我们需要视频的实际大小，以便他们提供完全相同大小的视频，这样视频就不会被切断。是否有任何方法可以将视频居中，这样就不会删除太多的底部或顶部？有人知道吗Elementor？。由于您在Elementor上有多个具有相同代码的父div不起作用？谢谢
#video-bg {
position: fixed;
top: 0;
right: 0;
width: auto;
min-width: 100%;
height: auto;
min-height: 600px;
z-index: -100;
background: transparent url(video-bg.jpg) no-repeat;
background-size: cover;
}
video {display: block;}