如何让不同大小的Facebook视频在响应式视频库中保持相同大小

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 视频高度宽度比例 */
  height: 0;
}

.video-container video,
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 根据视频容器的大小等比例缩放视频 */
}

@media screen and (max-width: 768px) {
  .video-container {
    padding-bottom: 75%; /* 4:3 视频高度宽度比例 */
  }
}

@media screen and (min-width: 1200px) {
  .video-container {
    padding-bottom: 42.1875%; /* 21:9 视频高度宽度比例 */
  }
}