Safari和Vimeo iframe全屏问题

Question

当我从Vimeo嵌入视频时，我遇到了Safari（版本11.0.3）的问题。

我正在使用视频作为我的网页的背景。在加载页面时，Safari上有一种“重新调整大小”模式，它首先出现在原始大小上，然后最终填充空间。但在其他浏览器上，它直接占据整个空间作为背景覆盖模式。

您可以在Codepen上看到它：https://codepen.io/abennington/full/ZONqqv/

.vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }

我在截图中的意思是： First screenshot, Video is embedded Second screenshot, Video is finally filling the space

有谁知道如何解决它？