埋め込み動画がスマホからはみ出してしまう場合の対策方法
※当サイトではアフィリエイト広告を利用しています。
これからアフィリエイトを始める方のために、
アフィリエイトを始めるための素材を【再配布権付き】で無料プレゼント中！
さらに、Amazonで現在も1,250円で販売している電子書籍2冊も
今だけ、無料でプレゼントしていますよ！
ブログやサイトにYouTube等の動画を埋め込む場合があります。
その時、パソコン上から確認するときれいに表示されているのに、
スマホから確認すると、動画が画面からはみ出してしまう場合があります。
画面からはみ出して、再生ボタンが押せなかったり、
スマホの画面が左右にずれて動いてしまったり・・・
こんな感じですね。
動画の埋め込みだけでなく、Googleマップの埋め込みでも、
スマホから確認すると、地図が画面からはみ出してしまう場合があるんですね。
そういった、スマホから埋め込み動画等がはみ出してしまう場合の
対処方法をご紹介いたします。
埋め込み動画等がスマホからはみ出してしまう場合の対策方法
埋め込み動画等がスマホからはみ出してしまう場合の対策方法としては、
CSSとHTMLタグの２つを設定する必要があります。
まずは、CSSコードですね。
スタイルシートに下記のコードを記載してください。
記載する場所は、ワードプレスの場合、
ダッシュボードメニューの外観→テーマエディタ→スタイルシートの中です。
スタイルシートの中の一番下の空いている場所で大丈夫ですよ。
|
これで準備完了です。
あとは、動画等を埋め込む場合に、
埋め込みタグを<div class="video-container">と<⁄div>で挟むだけです。
|
これで、スマホから確認した場合でも、画面内に動画がきれいに収まりますよ。
今はブログやサイトのテーマにもよりますが、
基本的には、パソコンよりもスマホからのアクセスの方が多いです。
スマホから動画等がはみ出していれば、機会損失になることもありますので、
今回ご紹介させていただいた方法で、きっちりと対策しておきましょう。
.
ナガーノのアフィリエイトコンサルについて
ナガーノはあなたと１対１のマンツーマンでのアフィリエイトコンサル
【アフィリエイトマンツーマンコンサル】をお受けしています。
マンツーマンコンサルの上位コンサルの
【アフィリエイトプレミアムサポート】もお受けしています。
※すでに定員に達してしまっていた場合は、ご了承ください。
こちらのサイトでご案内しています。
ワードプレス初期設定代行サービスについて
※ワードプレスの設置・初期設定でお困りの方は、
【ワードプレス初期設定代行サービス】で、ナガーノが代行作業させて頂きますね。
ご希望の方は、【ヘッダー画像】の作成代行のみをお申し込み頂く事もできますよ。
ワードプレスのことだけでなく、 基本的に12時間以内、遅くても24時間以内には必ずご返信させて頂きます。  |
|
この記事を読まれた方は次にこの記事も読まれています
- Akismet Anti-Spam ～スパムコメント対策に便利なワードプレスのプラグイン～
- MEKURERU（メクレル）～ピラピラとめくれるバナーを設置するワードプレスのプラグイン～
- Classic Editor ～旧エディターに戻すワードプレスのプラグイン～
- WP-PageNavi ～ページナビゲーションを表示するワードプレスのプラグイン～
ワードプレスを運営していると、ブログ記事にコメントが投稿される場合があります。 しかし、コメントの中にはスパムコメントが…
ページの上部の端にピラピラとめくれるバナーを設置すれば、 気になってクリックされやすいです。 クリックされた際に表示され…
ワードプレス5.0よりエディターが大きく変わりました。 ワードプレス5.0より「グーテンベルク(Gutenberg)」と…
ブログの記事数が増えてくると、過去の記事はトップページではなく、 ２ページ目以降に表示されることになります。 ワードプレ…
【期間限定】無料プレゼントのお知らせ
これからアフィリエイトを始める方のために、
アフィリエイトを始めるための素材を【再配布権付き】で無料プレゼント中！
さらに、Amazonで現在も1,250円で販売している電子書籍2冊も
今だけ、無料でプレゼントしていますよ！
ナガーノのLINE公式アカウントに登録するだけで【メルマガポイント】プレゼント中
今なら、LINE公式アカウントに友達登録して頂くだけで、
2000円相当のメルマガポイントプレゼント中！
スマートフォンからサイトをご覧になっている場合は、
こちらから友達に追加してくださいね。
パソコンからサイトをご覧になっている場合は、
スマートフォンでこちらのQRコードを読み取って、友達に追加してください。
もしくは、@641pjexe（@も含む）で友達検索してください。
月刊BIGtomorrow2017年3月号（1月25日発売）でナガーノが紹介されました。
2018年6月20日発売のスポーツニッポン新聞（スポニチ）西部版でナガーノが紹介されました。
2018年7月1日発売のデイリースポーツ 大阪本社版で、ナガーノが紹介されました。
エッジプラス１はアフィリエイトに特化したワードプレスのテンプレートです。
レスポンシブ対応なので、スマホからのアクセスも逃しません。
当サイトもエッジプラス１のテンプレートを利用しています。
日本情報販売論理機構(JIBEO)
第３期認定レビュアー
こんにちは、ナガーノです。
当サイトにお越し頂きありがとうございます。
ナガーノは2008年後半よりアフィリエイトをはじめ、2012年12月31日、14年間勤めてきた会社を退職し、現在は専業アフィリエイターとして活動しています。
当サイトでは、ワードプレスの基礎知識や、ワードプレスの導入方法から初期設定の方法、カスタマイズの方法から使い方まで、初心者の方にも分かりやすく解説しています。
また、ナガーノは、メインサイトで、アフィリエイトで月収10万円稼ぐための情報配信も行っています。
また、ナガーノは１対１のマンツーマンでアフィリエイトコンサルもさせて頂いています。
⇒ナガーノのアフィリエイトコンサルの詳細はこちらをご覧ください。
ナガーノは2011年11月に一般社団法人 日本情報販売論理機構(JIBEO)の第３期認定レビュアーに就任。
2012年12月までの在任期間中、詐欺商材を排除するために活動していました。
在任期間終了後も、ナガーノは中身も確認せずに、サイト等で紹介するという行為は、読者さまを裏切る行為になるので絶対に行っていません。
詐欺商材などでお悩みの方は、一度、ナガーノにご相談くださいね。
Line公式アカウントに友達登録して頂くだけで、今なら、2000円相当のメルマガポイントプレゼント中！
スマートフォンからサイトをご覧になっている場合は、こちらから友達に追加してください。
パソコンからサイトをご覧になっている場合は、スマートフォンでこちらのQRコードを読み取って、友達に追加してください。
もしくは、@641pjexe（@も含む）で友達検索してください。
今日も応援クリックありがとうございます。
あなたの応援が励みになります♪
ワードプレスのことだけでなく、アフィリエイト全般のご質問もお気軽にお問い合わせください。
基本的に12時間以内、遅くても24時間以内には必ずご返信させて頂きます。