JSFiddle - React, Tailwind, and code Playground

HTML

<div class='embed-container'>
  <div class="vcontent">
  <iframe src="https://player.vimeo.com/video/208176323?autoplay=1&loop=1&title=0&byline=1&portrait=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  </div>
</div>

CSS

.embed-container {
		  position: relative;
		  padding-bottom: calc(70vh - 6.7em);
		  height: 0;
		  overflow: hidden;
		  max-width: 100%;
     
		}
		.embed-container .vcontent {
		   position: absolute;
       overflow: hidden;
       height: calc(70vh - 6.2em);
       width: 100%;
       margin-top: -0.5em;
		}
		.embed-container iframe,
		.embed-container object,
		.embed-container embed {
		  position: absolute;
      overflow: hidden;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 70vh;
      padding: 0;
      margin: -3em 0;
		}