Javascript 如何使html5视频100%宽度垂直居中对齐

我想展示一个100%宽度和自动高度的响应性html5视频，在所有屏幕和设备上，上面的空间等于下面的空间。这是我的密码

body，
录像带{
边界：0；
保证金：0；
填充：0；
}
身体{
背景色：黑色；
}
录像带{
宽度：100%；
高度：自动；
}

---

您可以通过使用flexbox CSS居中来实现这一点，如下所示：

html{
身高：100%；
}
身体{
背景色：黑色；
身高：100%；
保证金：0；
显示器：flex；
对齐项目：居中；
}
录像带{
宽度：100%；
高度：自动；
}

---

看一看，他们使用包装div来控制尺寸，并将视频设置为100%宽度和高度的绝对位置。它比Jon的解决方案更灵活，尽管这确实是您想要的。

哇这是我在stackoverflow上得到正确帮助的最快答案谢谢