WordPressにYouTubeを埋め込みする際にレスポンシブ対応してくれるプラグイン

最近はWordPressのテーマでもYouTubeを埋め込んだら自動的にレスポンシブに対応してくれるものもあるみたいですが、古いテーマとかだとYoutubeを埋め込んだ記事をスマホで見た場合、サイズがPC用のままなので横にスクロールするとかしないと見れない場合があったりします。

CSS調整で解決できるのですが、YouTubeを埋め込むごとにdivでくくったりするなどちょっと面倒です。こんなご時世だから誰かが何かのプラグインで解決しているに違いないと思って探してみたところ、まんまとそんな感じなのがありました。

いくつか試したところ、一番使い勝手が良さそうなのが「Advanced Responsive Video Embedder」というプラグイン。

advanced_responsive_video_embedder

基本的にはインストールするだけでスマホの横幅に合わせて表示してくれるようになるので楽チンです。詳細に設定する機能もあるようでして、投稿ページにおいて「Embed Video」というボタンが追加されます。これをクリックすると表示制御、自動再生…etcの詳細設定もできるようです。

試しに1つ入れてみることに。

https://youtu.be/SSf-tnxG3bg

スマホで観てもらって正常であるか、もしくはブラウザの画面を小さくしてみた時に画面サイズに応じてYouTubeのサイズが変化するようであれば成功です。特別な設定をせずとも、インストールさせすればとりあえず埋め込んだYouTubeに対して自動的に効いている模様です。

それにしてもこのねこ随分とおとなしくルンバに乗ってますね(=‘X‘=)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">