つれづれ日記

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


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

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

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

スマホから見たら!!

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

 

 

 

 

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

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

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

 

 

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

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

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

 

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

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

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

この記事が気に入ったら、いいねボタンを押してね!
The following two tabs change content below.
ひろこママ

ひろこママ

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

最新記事 by ひろこママ (全て見る)

関連記事

  1. つれづれ日記

    家庭礼拝でお絵描き〜切実〜

    家庭礼拝に目が開いてから、毎日家族で礼拝をしています。…

  2. つれづれ日記

    自ら行なう人は誰か?

    今日の主日礼拝の<主題>に「自ら行なう人は誰か?」との問いがありました…

  3. つれづれ日記

    子育てでつらいこと3つ(解決編)

    子育てでつらいこと3つ(原因編)に引き続き、今回は解決編です。&…

  4. つれづれ日記

    小学生の乗馬体験@乗馬クラブクレイン東京(町田)

    ゴールデンウィーク初日。ごうパパのアイデアで町田の乗馬…

  5. つれづれ日記

    止まらない涙〜失敗を通して〜

    今日は電車で1時間ちょっとのところにある教会で礼拝を捧げました。…

  6. つれづれ日記

    免許がうっかり失効になった件について。

    昨年2月に引越したのですが、それを警察署に届けるのを忘れ、免許…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


Twitter でフォロー

オススメ記事

アーカイブ

Something is wrong. Response takes too long or there is JS error. Press Ctrl+Shift+J or Cmd+Shift+J on a Mac.

Something is wrong. Response takes too long or there is JS error. Press Ctrl+Shift+J or Cmd+Shift+J on a Mac.

Something is wrong. Response takes too long or there is JS error. Press Ctrl+Shift+J or Cmd+Shift+J on a Mac.

Something is wrong. Response takes too long or there is JS error. Press Ctrl+Shift+J or Cmd+Shift+J on a Mac.

Something is wrong. Response takes too long or there is JS error. Press Ctrl+Shift+J or Cmd+Shift+J on a Mac.

  1. 摂理の結婚生活

    摂理で結婚 〜あっこママの体験談
  2. 摂理の結婚生活

    摂理で結婚して良かったことーその1【お祈り】
  3. 摂理の結婚生活

    摂理で結婚して感じること
  4. 摂理の結婚生活

    摂理で結婚-幸せな家庭生活を目指して-
  5. つれづれ日記

    後輩の結婚式
PAGE TOP