WordpressでYoutube動画をPC＆スマホできれいに表示！

昨日の記事で、キンコン西野さんの近畿大学卒業式スピーチの動画を紹介したんですが、実際の画面を見たらこうなってました！

本文の枠をはみ出て、右サイドの「カテゴリー」の文字に重なってますね。

スマホではもっと見苦しくなってました。

なんと動画が見切れてしまってて、半分程度しか表示されていません。

これでは、動画を見る気にはなれないでしょう！

ということで、今回は、WordPressで埋め込んだYoutube動画を方法をPCでもスマホでもきれいに表示させる方法をご紹介します！

インストールするプラグインはこれだ！

答えは実に簡単です。

「YouTube」というプラグインを使用するだけです。

左サイド「ダッシュボード」から「プラグイン」→「新規追加」をクリック。

「YouTube」と検索すると出てくるこのプラグインを「今すぐインストール」。

インストール出来たら、すぐに「有効化」をクリック。

プラグインから「インストール済みプラグイン」を選択すると、「YouTube Settings」のページが出てきます。

そしたら下のようなページがでてきます。Responsive Video Sizingにチェックを入れ、Responsive for all YouTube videosのボタンを選択して、「変更を保存」をクリック。

以上です。

PCではすっきりときれいになりました。

スマホでもこの通り。

簡単ですね。

いかがでしたか？

今後は、面倒な動画のサイズ調節の必要がなく。埋め込んだ動画がきれいに埋め込まれます。

これで一安心。これからもじゃんじゃんお気に入りの動画を記事に貼り付けていきましょう！