WordPressで埋め込んだYouTube、スマホでサイズが崩れる際の対処法【プラグインで解決】

最終更新日

WordPressでブログを書き始めて4記事投稿した際に気付いたこと。
投稿記事で埋め込んだYouTubeのサイズがスマホ画面で見た際になんだかブサイク。ちなみにPC画面で見ても問題はありません。

スマホで見ると左右が切れてる

WordPressで埋め込んだYouTube、スマホでサイズが崩れる際の対処法【プラグインで解決】

WordPressで記事を書く際、YouTube動画の埋め込みを利用する方も多くいらっしゃるのではないでしょうか。

今回この症状に出くわし色々と調べているうちに、
実はWordPressで使用するテーマによっては、デフォルトで、埋め込んだYouTube動画のサイズを閲覧者のスマホ環境に適したサイズにレスポンシブ対応してくれるものと、そうでないものがある、ということがわかりました。

なんと驚き。そこは(勝手に)全て対応してくれているものだと思っていたのですが、意外とそうでもないらしい。

私が使用している Coldbox  というテーマも初期設定のままでは、スマホ環境で閲覧した際に、埋め込んだYouTube動画のサイズがうまくいっていない事に気付きました。

もしかしたらテーマ設定のどこかを触れば対応できるのかもしれませんが、一通り調べてもよくわからなかったので諦め。。。

ということで、今後同じ悩みを抱える人がいるかもと思い、私の場合の解決方法を記しておきます。

解決方法
WordPressプラグインARVE Advanced Responsive Video Embedder」をインストールするだけ


そうなんです、WordPressプラグインの「
ARVE Advanced Responsive Video Embedder」をただインストールするだけで解決しました。


このプラグインをインストールしただけ、特にプラグイン側の設定を触ることもなくスマホ画面でのYouTubeサイズが適切に対応しました。

左:ビフォー 右:アフター


※もしインストールしても実際の公開側で変化が見られないという場合、ブラウザ側にキャッシュが残っている可能性がありますので、キャッシュを削除してみてください。


何はともあれ今回の問題は解決し目的達成。
なお、今回このプラグインについてこれ以上の細かい事は調べていません。
必要が出てくればその時に焦点絞って調べるはずなので、現時点で特に深追いはしません。

現時点で理解の追いつかない知識を増やすと、行動の速度が落ちるので、今知らなくて良い事はそっとそのままにしておきます。今回の悩みは解決できたのでOK!


WordPress初心者、まだまだわからない事ばかりですが、今後も自分がつまづいた所をひとつひとつ備忘録的に残していければなと思います。

それでは。

darekanotamega

地方/東京/金融/不動産/ビジネス全般/時事ネタ/教育/子育て音楽/読書/ジム などの雑記ブログ。 誰かのためになれば幸いです。

シェアする