为什么 video 元素设置了 object-fit: cover 后在 iOS Safari 上不生效？

我在做一个响应式视频背景，希望视频始终填满容器且保持比例裁剪。在桌面浏览器和安卓上用 object-fit: cover 都没问题，但在 iOS 的 Safari 里视频还是被拉伸变形了，根本没按 cover 的方式显示。

查了资料说 iOS 对 MediaElement 支持有坑，但具体怎么解决？我试过加 -webkit-object-fit 也没用。下面是我的 CSS：

.video-bg {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}