Video Embedding - advice to change size/width/height of youtube embedded video

For reference, size of embedded videos can be controlled via CSS directly.

This is an example on a NextJS project, where .video is the embedded video's parent container.

.video {
  position: relative;
  padding-bottom: 56.25%; 
  height: 0;
  overflow: hidden;
  width: 100%;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
1 Like