在视频标签内垂直居中视频

如何将视频垂直居中于视频标签内？目前视频是齐平顶部,底部正在切断.我想做的是视频的中间位于视频容器的中间.视频的高度会有所不同,因为它的响应速度很快,因此浏览器会变小,视频也会变小.这是我的代码:

HTML

CSS:

#video-wrap {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

Mohit Bhasi.. 40

这三行应该做:

video{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

让我知道它是否有效:)

这三行应该做:

video{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

让我知道它是否有效:)