2011年3月全くのゼロからタイ語学習をスタート!同年9月から現在に至ってはタイのバンコクに滞在中。バンコクの生活情報やタイ語留学でのおすすめ勉強法や教材などをご紹介していきます。by タイ在住わらしべ長者
youtubeの動画サイズを自動でスマホ対応させる方法
記事公開日:2015年6月21日
最終更新日:2018年9月11日
わらしべです。
最近『youtubeを使って稼ごう!』
ってyoutube商材がバカ売れのせいもあってか
ブログ記事に動画をアップする人が増えて来ましたね。
まぁ実際に簡単に稼げちゃうので否定はしませんが。。。
さて、本日はそんなyoutube関連の情報をシェアします。
Sponsored Link
俺っちのように無料のFC2ブログを使われている方も多いはず、
そんな中、ご存じの通り
最近Googleがスマホ対応されているかを重要視するようになりました。(※モバイル フレンドリー化)
それに対してFC2ブログが無料で提供しているスマホテンプレートを設定していれば問題ありません。自動で閲覧者がPCなのかスマホなのかを識別してくれます。
では、本日の本題です。
どうしても無料で利用できるスマホ対応のテンプレは、今どきのWP(ワードプレス)のようにレスポンシブデザインのように自由自在にyoutube動画幅をスマホサイズに調整してくれません。
具体的にいうとこんな感じ
ご存じの通り、今まではこんな感じでyoutube動画だけはみ出る形になっていました。
今までも何度か対策を考えた事もありましたが、今更700近くもある記事をWPに載せ替えるのもSEO的にどうかなぁ~っと思い諦めていました。
が、解決方法を発見!
ほら♪ 上手い具合にスマホ記事の枠にyoutube動画が収まっています♪
実際の記事で確認するならコチラ⇒ ラマ9世公園で遭遇した巨大オオトカゲ in タイ
で、その方法ですが、至って簡単です。
コチラのサイトにアクセスするだけ
https://embedresponsively.com/
そこのボックスにyoutubeから取得した共有タグを入力するだけです。
そして右のEmbedをクリックするとレスポンシブデザインに対応した埋め込みコードタグが表示されます。それをブログ記事に貼り替えて下さい。
以上がyoutubeの動画サイズを自動でスマホ対応させる方法でした。
Sponsored Link
はじめまして、GUSTAVE代表の鶴谷と申します
ブログを拝見させて頂きお声を掛けさせて頂きました
現在相互リンクを頂ける方を探しているのですが
もし宜しければ御検討頂く事は出来ないでしょうか?
ホームページの内容に関して下記のページにて確認頂き
もし可能でしたら御問い合わせ欄よりご連絡頂ければ幸いです
何卒宜しく御願い致します
GUSTAVE
こんなのも貼れるのですか?
https://vimeo.com/129352943
タイでもソンクラーンでやって怒られましたが。
スパムご苦労さん
コテカサイズLLさん こんばんは
コメントあざ~っす♪
ついついニヤニヤしながら動画拝見しましたw
>こんなのも貼れるのですか?
紹介サイトのURLを入力する上段youtube表示右側に「Vimeo」とありますので
そこに動画URLを入力してタグを取得すれば
問題なくFC2でもレスポンシブ表示されましたよ
さわっでぃーくらっぷ