Html 中心<；视频>；响应网页中的标记

我想学习如何将CSS设置为

，以便在调整网页大小时，视频的尺寸保持不变，但看起来居中，就像CSS

背景位置：居中，但对于CSS

这是伪代码

...

<style>
    video { video-position: center } /* I wish */
</style>

...

<div id="background">
    <video autoplay>
        <source src="background.mp4">
    </vido>
</div>

...

。。。
视频{视频位置：中间}/*我希望*/
...
...

我正在寻找的CSS等价于
video{video position:center}
，好像
background position

谢谢
 试试这个：

video {
    width: 720px;
    height: auto;
    margin: 0 auto;
}

给
#background
div一个相对的位置，然后在底部填充一个百分比。在你达到你想要的高度之前，把垫底的百分比弄乱。然后给视频标签一个绝对位置，宽度和高度为100%，如下所示：

这是一把小提琴

您希望嵌入响应视频，但高度保持不变？听起来不对。有关响应式嵌入的标准实现，请参见embedResponsive.com。噢，感谢您的澄清。我的意思是视频保持其尺寸，并在调整网页大小时居中显示。因此网页改变了尺寸，但视频集中在背景中，就像CSS
背景位置：中心更新了问题以反映预期体验。谢谢你的便条，谢谢。没什么不同。这样做的目的是在调整网页大小时保持视频尺寸不变，但如果调整网页宽度，则视频将显示在背景中央，而不是屏幕上的左侧部分，右侧部分不可见。您希望它保持什么尺寸？例如，
width:720px；高度：自动
很接近。最后一位是当窗口宽度小于
720px
时，视频在背景中居中，而不是紧靠窗口的左边缘。我想将窗口宽度调整到小于
720px
的大小，以便从视频的左侧和右侧隐藏相等的
px
，而不仅仅是右侧。
#background{
  position:relative;
  padding-bottom:55%;
}
#background video{
  position:absolute;
  top:0;left:0;
  width:100%;
  height:100%;
}