記事などにYouTubeなどの動画を埋め込んだ時に、PC表示だと綺麗に表示されているけど、スマートフォンだとサイズが横幅がはみ出ちゃったり、縦幅が狭かったりってありませんか?今日は、それを解決する方法を紹介します。 通常に埋め込んでむと こんな感じで横幅が大きくなってしまい、見ようにも見れませんね(^_^;) 動画を綺麗にスマートフォン表示する方法 今回はYouTubeのiframe型の埋め込みを想定して紹介します。他の埋め込みコードでもたぶん同様にできます。 CSSにこちらの記述をします。 .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe { position: ab