埋め込み動画のレスポンシブ対応方法(YouTube等)

弊社テーマ自体は、ほとんどがレスポンシブ対応(一部未対応)となっておりますが
YouTubeの埋め込み動画のサイズをレスポンシブに変更する機能はございません。
その為、アップしたYouTube動画をスマホで見た場合、画面がはみ出てしまう事がございます。
その場合は、下記のようにご編集ください。

編集するファイル:style_sp.cssまたは、カスタムCSS
編集する箇所:
場所はどこでも構いませんが、下記を追加してください。

 iframe{ width: 100%; } 

また、上記の動画を横長に表示したい場合は、下記を追加してください。

iframe{ width: 100%; height:auto; } 

※クイックタグ導入済みのテーマについては、クイックタグにて対応可能です。
下記のページをご参照ください。
こちらをご覧ください

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事