自分のホームページの編集には
BiNDupを使っているんだが、ホームページにYouTubeの動画を貼り付ける際に、BiNDupの機能である
ソーシャル系パーツを使うと、しばしば問題が起きるので、
カスタムタグパーツを使うほうが安心。
でも、YouTubeの共有ボタンでembedのコードをコピペして使うと、レスポンシブにならないので、ちょっと工夫が必要。
結論だけ書くと、こんな感じでOK
<div style="position: relative; width: 100%; padding-top: 56.25%;">
<iframe style=" position: absolute; top: 0; right: 0; width: 100%; height: 100%;" src="https://www.youtube.com/embed/
2chjzwC2DsA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
下記のようなYouTubeの共有リンクの赤い文字の部分を、
https://youtu.be/
-LmcUAEsJ9w
上記のコードの青い文字コピペすればOKよ!