販促レポート
スマホサイト構築、youtube動画のはみ出した横幅を修正する方法
＜スマホサイト構築＞youtube動画の埋め込みコードを使用する際、PCではきちんと表示されるのに、スマホだと横幅からはみ出てしまいデザインが崩れて困る場合があります。今回は、そんなお悩みを簡単なHTMLコードで解決する方法をご紹介いたします。
ブログやCMSなどでyoutubeの埋め込みコードを使用した場合、PCではきちんと表示されていても
スマホに変換されたサイトでは、横幅から大きくはみ出てとても使いにくい場合があります。
style="max-width:100%"youtube動画の埋め込みコードに、上記のコードを書き加えるだけで
きちんと横幅に収まりました。とてもスッキリして良いですね。ぜひお試しください。
もしCSSファイルを修正できるブログでしたら、あらかじめ下記を指定しておいても良いと思います。
iframe {
max-width: 100%;
}今回は、スマートフォンサイトのhtmlコーディングメモ12個 を参考にさせていただきました。