【ブログお悩み解消】YouTube動画をWordPressサイトにレスポンシブ埋め込みする方法

こんにちは。ゆーほーです。

ブログ・YouTube初心者の僕が

  • 壁にぶつかった点
  • 乗り越えるに至った情報源

を適宜メモしていきたいと思います。

ブログやYouTube初心者の方は
同じような課題にぶつかることも多いと思います。

そんな方の参考になる情報になれば嬉しいです!

そして、今回は
「YouTube動画をWordPressサイトにレスポンシブに埋め込む方法」
についての紹介です。

課題点:YouTube動画を埋め込むとサイズがはみ出してしまう

YouTube動画のコードをコピーして埋め込みをしていたのですが
下記画像のような形で、動画がはみ出してしまっていました。。。

PC画面

スマホ画面

相当イケてないですよね、、、

 

解決策:プラグインをインストールして解消!

Google検索で解決策を探しまくって色々試した中で
ようやく解消できる情報を見つけました、、、!

参照ブログ記事

他にも様々なサイトを参照して試してみたんですが
情報が古い記事も多く、解消できないことが多かったです。。。

ただ、こちらのサイトで紹介されているプラグインを導入することで
解消できました!!

YouTube動画をWordPressにレスポンシブ埋め込みできるお勧めプラグインはこれだ!

WordPressのサイトにYouTube動画がレスポンシブで埋め込めずに困っている方は
是非参考にしてみてください!