Youtubeなどの動画を埋め込んだ時のスマートフォン表示の問題を解決する方法 | MasterPeace21

記事などに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

[ow_ukeguchi]

youtube

[thebambookazoo]

うおー！これは超役立った！助かりました！

[feelingplace]

ブックマークレットの紹介、ありがとうございます(≧∀≦)

[masterpeace21]

New blog post: Youtubeなどの動画を埋め込んだ時のスマートフォン表示の問題を解決: