Как сделать полноэкранный видео фон Vimeo

Question

Попытка сделать полноэкранный видеоролик Vimeo.Я получаю видео с параметром ?background=1 в URL. Как объяснено здесь .

Этот метод, кажется, работает только в iframe, и я не могу сделать полноэкранный этот iframe.Это codepen с моей попыткой .

Мне нужно сделать видео в качестве фона, покрывая весь экран (и обрезая видео для достижения эффекта обложки).

Как я могу сделать полноэкранный видеофрагмент?

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%;
  }
}