vuetube/src/components/VueTube/docs/VueTube.stories.css

A fast, lightweight, lazyload vue component acting as a thin layer over the YouTube IFrame Player API which renders fast

.story-vuetube-container {
  width: 100%;
  max-width: 512px;
}

.story-vuetube-container .vuetube,
.story-vuetube-container .story-vuetube-iframe {
  width: 100%;
  height: 100%;
}

.story-vuetube-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.story-vuetube-aspect-ratio {
  position: relative;
}

.story-vuetube-aspect-ratio::before {
  display: block;
  padding-bottom: 56.25%;
  content: '';
}

.story-vuetube-aspect-ratio .story-vuetube-iframe {
  position: absolute;
  top: 0;
  left: 0;
}