記事にYouTube(ユーチューブ)を埋め込んでみましょう！
やり方は２つあります。

URLを貼るだけでOK!「embed」機能を使う

こちらの記事でも紹介していますがURLをはるだけで簡単に表示ができます！

WordPress(ワードプレス)　URLを貼るだけでブログカードが表示される「embed」の使い方とレイアウトの変更方法

キレイに表示されています！レスポンシブもバッチリ(^o^)

iframeを使ってWordPressの機能に頼らず表示する

ん？表示されてるけどサイズ小さいしレスポンシブで縮めると上下に黒い枠がでる…

あかーん！！どうするん？

埋め込みタグの調整

CSSを追加するのでclass="youtubeというタグでiframeタグを囲ってあげます。

<div class="youtube">
<iframe width="560" height="315" src="※※※" frameborder="0" 
allow="accelerometer; autoplay; encrypted-media; gyroscope; 
picture-in-picture" allowfullscreen></iframe>
</div>

CSSを追加

追加したclass="youtubeクラスにCSSを当てます！
style.cssの一番下に以下をはりつけてください。

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

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

PCでもスマフォでもキレイに表示されるようになりました。
レスポンシブ化する時に気になる黒い上下の枠も消えています。