スマホでyoutube動画を埋め込んだときのサイズ自動調整 | 日記の間 | あかつきのお宿

youtubeの動画をスマホ用のサイトとかに埋め込むときに、そのまま埋め込むとたぶんサイズがはみ出しちゃうような気がします。スマホを横にすれば大丈夫かもしれないけど。 あるいは強制的にiframeのwidthやheightをちっちゃい値にしちゃえば良いんですけど、まあせっかくなんで、縦にしても横にしてもちょうどいい感じのサイズになるように設定をしてみましょう。 と言っても、CSSでちょこちょこっと制御してやるだけです。 長々と説明してから書くのもあれなんで、とりあえずソースを書いてみますね。 今回はこちらのサイトを参考にさせていただきました。 参考っていうか、例によって丸パクリですけど。例によって。 //HTML <div class="youtube"> <iframe width="640" height="480" src="https://www.youtube.com/embed

[emj1025]

iframe高さ "padding-bottomの56.25%は動画の縦横の比率"padding-topは不要かも