JSFiddle - React, Tailwind, and code Playground

by bgoonz

HTML

<div class="responsive">
  <iframe class="embedly-embed" src="//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F21294655&url=https%3A%2F%2Fvimeo.com%2F21294655&image=http%3A%2F%2Fi.vimeocdn.com%2Fvideo%2F136883358_1280.jpg&key=internal&type=text%2Fhtml&schema=vimeo" width="500" height="281" scrolling="no" frameborder="0" allowfullscreen></iframe>
</div>

CSS

.responsive {
  position: relative;
  padding-bottom: 56.2%;
  height: 0;
  margin: 10px 0;
  overflow: hidden;
}

.responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}