サンプル動画の埋め込みがスマホからはみ出す場合の対策方法
アダルト動画の紹介記事、レビュー記事を書いた際、
アダルトサイトが提供しているサンプル動画を
サイトの記事に埋め込んでいるという方も多いと思います。
このサンプル動画の埋め込みコードですが、
アダルトサイトによっては、
スマホから見ると画面からはみ出してしまう場合があるんですね。
こんな感じに、スマホの画面からはみ出してしまう場合があるんです。

画面からはみ出してしまうと、再生ボタンが押せなかったり、
スマホの画面が左右に動いてしまったり、不都合な点もでてきてしまいます。
アダルト系のサイトの場合、
パソコンよりもスマホからのアクセスの方が多い傾向にあります。
また、アダルト系のサイトにアクセスしてくる方は、
アダルト画像やアダルト動画目当ての場合もありますので、
サンプル動画がスマホの画面からはみ出すと、大きな機会損失にもなってしまいますよ。
ですので、必ずスマホから見ても、
サンプル動画がはみ出さないように対策しておきましょう。
サンプル動画の埋め込みがスマホからはみ出す場合の対策方法
サンプル動画がはみ出さないように対策といっても、何も難しいことはありません。
CSSとHTMLタグの2つを設定するだけで、
簡単にサンプル動画がスマホからはみ出さなくなりますよ。
まずは、CSSコードの設定ですね。
スタイルシートに下記のコードを記載してください。
ワードプレスの場合は、
ダッシュボードメニューの外観→テーマエディタ→スタイルシートの中の
一番下の空いているところに記載していただければ大丈夫ですよ。
|
これで、まずは準備完了です。
あとは、サンプル動画を埋め込む場合に、サンプル動画の
埋め込みタグを<div class="video-container">と<⁄div>で挟むだけです。
|
これで、スマホから確認した場合でも、画面内にサンプル動画がきれいに収まりますよ。
アダルト系のサイトは、パソコンよりもスマホからのアクセスの方が多いです。
スマホからサンプル動画がはみ出していれば、機会損失になることもありますので、
今回ご紹介させていただいた方法で、きっちりと対策しておきましょう。
アダルトアフィリエイト推薦教材【新アダルトアフィリエイト究極】
ナガーノは、アダルトアフィリエイトの実践には、
【新アダルトアフィリエイト究極】のノウハウを実践することをおすすめしています。



ナガーノのアダルトアフィリエイトのアフィリエイトコンサルについて
ナガーノはあなたと1対1のマンツーマンでのアフィリエイトコンサル
【アフィリエイトマンツーマンコンサル】をお受けしています。



マンツーマンコンサルの上位コンサルの
【アフィリエイトプレミアムサポート】もお受けしています。



※すでに定員に達してしまっていた場合は、ご了承ください。
こちらのサイトでご案内しています。
ワードプレス初期設定代行サービスについて
※ワードプレスの設置・初期設定でお困りの方は、
【ワードプレス初期設定代行サービス】で、ナガーノが代行作業させて頂きますね。
ご希望の方は、【ヘッダー画像】の作成代行のみをお申し込み頂く事もできますよ。



アダルトアフィリエイトのことだけでなく、 基本的に12時間以内、遅くても24時間以内には必ずご返信させて頂きます。 ![]() |
![]() |
この記事を読まれた方は次にこの記事も読まれています
【期間限定】ナガーノのメルマガに登録するだけで【豪華ツール】無料プレゼント中
今なら、ナガーノの無料メルマガに登録するだけで、
豪華ツール&最大1500ポイントのメルマガポイントをプレゼントしています。



ナガーノのLINE公式アカウントに登録するだけで【メルマガポイント】プレゼント中
今なら、LINE公式アカウントに友達登録して頂くだけで、
2000円相当のメルマガポイントプレゼント中!
スマートフォンからサイトをご覧になっている場合は、
こちらから友達に追加してくださいね。

パソコンからサイトをご覧になっている場合は、
スマートフォンでこちらのQRコードを読み取って、友達に追加してください。

もしくは、@naga-no(@も含む)で友達検索してください。