vimeo-html

vimeo-fullscreen-cover.html

<div class="vimeo-full">
  <iframe src="https://player.vimeo.com/video/355660592?background=1&autoplay=1&loop=1&byline=0&title=0"
    frameborder="0"
    webkitallowfullscreen
    mozallowfullscreen
    allowfullscreen>
  </iframe>
</div>
<style>
.vimeo-full {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-full 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%);
}
</style>

vimeo-responsive.html

<div class="vimeo-responsive">
  <iframe
    src="https://player.vimeo.com/video/350129967?portrait=0"
    frameborder="0"
    allow="autoplay; fullscreen"
    webkitallowfullscreen
    mozallowfullscreen
    allowfullscreen>
  </iframe>
</div>
<style>
.vimeo-responsive {
  padding: 56.25% 0 0 0;
  position: relative;
}
.vimeo-responsive iframe {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>