ブログに貼り付けたYOUTUBE動画をスマホで見た時にはみ出さない方法

 

彦坂盛秀

こんにちは、彦坂盛秀です。

≫彦坂盛秀のプロフィール

先日、友人からこんなチャットが入ってきました。

おはようございます!!!
気にされてないのならいいんですが、サイトにYou Tube貼ってるの、そのまま貼った場合スマホから見たら横伸びしてしまってるので、
ソースを入れて対応された方がいいかなって思いました(^^ゞ スマホユーザーからの訪問が少ないのなら別にいいかもですがw

 

ん?

なんのこっちゃ?

 

と思ってスマホで確認してみるとこんな感じになっていました。

 

スマホで見るとYOUTUBE動画がはみ出しています

 

ブログに貼り付けたYOUTUBE動画をスマホで見た時にはみ出さない方法

 

 

あ、この記事、朝の5時に書いているのですいません(笑

 

ああ、そういう意味か~!

 

確かにブログに貼り付けたYOUTUBE動画をスマホで見ると

横にはみ出していますよね?

 

こういうものだと思っていたのですが、

あるソースを入れるだけで一瞬で解決する事が出来ました。

 

ブログのYOUTUBE動画をスマホで見てもはみ出さい様にする為のソースとは?

このソースです。

 

<div class=”v-wrap al-c m30-b”>URL</div>

 

このURLの所にYOUTUBE動画のURLを貼り付ければ

スマホでもはみ出さない様に出来ます。

 

簡単でしょ?

 

論より証拠。

 

こちらの『メルザップとは?』をスマホで見てみて下さい。

 

スマホにYOUTUBE動画が収まっています

こんな感じにスマホにYOUTUBE動画が収まっています。

 

ブログに貼り付けたYOUTUBE動画をスマホで見た時にはみ出さない方法!

 

いかがですか?

 

スマホにYOUTUBE動画が収まってますよね?

 

よく、LPとかレターとかでYOUTUBE動画がはみ出て見苦しいケースがありますが

これで、スマホで見てもYOUTUBE動画がはみ出る事はないですね!

 

一瞬で解決です。

 

スマホでもアノテーション機能に対応!

通常、YOUTUBE動画内にアノテーション機能を使って

外部リンクに飛ばす設定をした場合でもスマホで見るとクリック出来ません。

 

ですが、

<div class=”v-wrap al-c m30-b”>URL</div>

 

このソースを使うと、

スマホで見た時でもアノテーションをクリック出来る様になります。

 

まさに、1粒で2度オイシイ!!

 

YouTube動画をセンタータグを使って真ん中に寄せる

綺麗に見えるのでこれも取り入れてみて下さい。

 

 

さらに、YOUTUBEを使って

具体的にマネタイズする方法をプレゼントしています。

 

お陰さまで2週間~1ヶ月で10~15万円を稼ぐ読者さんが続出しています。

 

動画160本超、総再生時間1300分以上で構成されている

『メルマガアフィリエイトの教科書のメルザップ(MAILZAP)』

是非、手に入れてみて下さい。

 

それでは!

 

彦坂盛秀