YouTube動画を埋め込み

WEBサイト制作
6

蛇足ですが。
例えば、以下のようなclassをcssに記述し、

.video {
  margin: 40px auto;
  padding-top: 56.25%;
  width: 100%;
  position: relative;
}
.video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

このように <div class="video"></div> で <iframe></iframe> を囲めば、いい感じでレスポンシブのテーマでも使えますよ。お試しください。

<div class="video">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/*****" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>