<h1>今日のうにちゃん</h1>
<iframe class="video" width="560" height="315" src="https://www.youtube.com/embed/zmpK6yiM7N8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>本ボックスは16:9の比率に保たれます</p>

body {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 24px;
}

.video {
  aspect-ratio: 16/9;
  width: 100%;
  height: 100%;
}