つれづれ日記

YouTube動画の埋め込みをスマホサイズ対応させる方法(レスポンシブ対応)


ブログを書いていて色々分からないことにぶつかる事が多いです。

先日は、動画を埋め込んで見たのですが・・・・

PCから見たら特に問題なかったのですが

スマホから見たら!!

わあ〜動画が大きすぎて切れてる〜

 

 

 

 

しばらく試行錯誤して直せなかったので放置していたのですが

ようやく今日解決したので修正しました。

無事、スマホでも横幅がはみ出さずに表示されるようになりました。

 

 

ネットで調べても色々方法があるのですが

難しくて理解できないことも多く

ひろこママでも理解できた簡単な方法をメモしておきます。

 

YouTubeの動画を共有→埋め込みコード→で出てくるコードを少し変えるだけで出来ました。

赤い文字のところを100%にするとスマホでもPCでもちゃんと表示されました!

忘れると困るのでメモの意味も込めて記事にしておきました。

いつも応援いただきありがとうございます。 この記事が気に入ったら、いいねボタンを押してね!
The following two tabs change content below.
ひろこママ

ひろこママ

新潟(佐渡ヶ島)の田舎育ちの【ひろこママ】 海の近くでのびのび育ったのっぽの【ごうパパ】 元気いっぱい小学3年生の【みいちゃん】 キリスト教福音宣教会に通う3人家族が送る日常を記録!!

関連記事

  1. つれづれ日記

    ハロウィン過ぎてやってきた我が家のオバケ

    マスクパックが気になったごうパパ。とうとう自ら、『これ…

  2. つれづれ日記

    たまには博多ラーメン!

    久々のラーメン屋。家族で行ってきました。新宿にある博多…

  3. つれづれ日記

    帝王切開での出産

    このページに行き着いた方は、帝王切開での出産をされた方でしょうか。…

  4. つれづれ日記

    高松へ

    先日、仕事の関係でお隣香川県の高松へ出張でした。仕事といっても、セ…

  5. つれづれ日記

    韓国のセンター試験

    このニュース、見ましたか?(出典:NHK NEWS web「韓…

  6. つれづれ日記

    朝は子供とハイタッチ

    最近は仕事が忙しくなり、平日は子供たちと接する時間が少なくなってしまい…

Twitter でフォロー

オススメ記事

アーカイブ

ブログをメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

174人の購読者に加わりましょう

  1. 摂理の結婚生活

    結婚記念日
  2. 摂理の結婚生活

    結婚のお祝い
  3. 摂理の結婚生活

    摂理で結婚-幸せな家庭生活を目指して-
  4. 摂理の結婚生活

    ちょっと気になる摂理の結婚!祝福・結婚式〜私の体験談〜
  5. 摂理の結婚生活

    摂理で結婚 〜あっこママの体験談
PAGE TOP