youtubeの動画サイズを自動でスマホ対応させる方法

2015年06月21日(日)

現在ブログ収益の最大化の為、記事下のランキングバナーを全て取り外しました。※収益性向上と直結するPVランキング（アクセス順位）のみ今後は注力します。一応PC画面の左カラム下に今までのバナーも残して置きますので、お手数じゃない方だけポチって下さいな

わらしべです。

最近、『youtubeを使って稼ごう！』
ってyoutube商材がバカ売れのせいもあってか

ブログ記事に動画をアップする人が増えて来ましたね。

まぁ実際に簡単に稼げちゃうので否定はしませんが。。。


さて、本日はそんなyoutube関連の情報をシェアします。

俺っちのように無料のFC2ブログを使われている方も多いはず、

そんな中、ご存じの通り
最近Googleがスマホ対応されているかを重要視するようになりました。（※モバイル フレンドリー化）

それに対してFC2ブログが無料で提供しているスマホテンプレートを設定していれば問題ありません。自動で閲覧者がPCなのかスマホなのかを識別してくれます。

では、本日の本題です。

どうしても無料で利用できるスマホ対応のテンプレは、今どきのWP（ワードプレス）のようにレスポンシブデザインのように自由自在にyoutube動画幅をスマホサイズに調整してくれません。

具体的にいうとこんな感じ

ご存じの通り、今まではこんな感じでyoutube動画だけはみ出る形になっていました。
今までも何度か対策を考えた事もありましたが、
今更700近くもある記事をWPに載せ替えるのもSEO的にどうかなぁ～っと思い諦めていました。


が、解決方法を発見！

ほら♪ 上手い具合にスマホ記事の枠にyoutube動画が収まっています♪

実際の記事で確認するならコチラ⇒ ラマ９世公園で遭遇した巨大オオトカゲ in タイ


で、その方法ですが、至って簡単です。
コチラのサイトにアクセスするだけ

http://embedresponsively.com/

そこのボックスにyoutubeから取得した共有タグを入力するだけです。




そして右のEmbedをクリックするとレスポンシブデザインに対応した埋め込みコードタグが表示されます。
それをブログ記事に貼り替えて下さい。


以上がyoutubeの動画サイズを自動でスマホ対応させる方法でした。