如何全屏显示Vimeo背景视频

Question

尝试使全屏显示Vimeo视频。我在网址中获得了带有?background=1参数的视频。 As explained here。

此方法似乎仅在iframe中有效，而我无法对此iframe进行全屏显示。这是codepen with my try。

我需要将视频作为背景，覆盖所有屏幕（并裁剪视频以实现封面效果）。

如何使iframe视频全屏显示？

HTML：

<div id="wrapper">
  <iframe 
          id="player" 
          src="https://player.vimeo.com/video/76979871?background=1" 
          frameborder="0"
          allow="autoplay; fullscreen" 
          allowfullscreen>
  </iframe>
</div>

CSS：

#wrapper {
  min-height: 100vh;
  background-color: blue;
  overflow: hidden;

  #player {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
  }
}