【コピペでOK】Youtubeの動画埋め込みをレスポンシブ対応させる方法！ | Aprico
<iframe width="560" height="315" src="https://www.youtube.com/embed/Hd9J8ysES9E" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen> </iframe> しかし埋め込み動画の横幅や高さはiframeタグのwidthやheightを変えることで対応できますが、縦横の比率が崩れたりブラウザのウィンドウサイズが変わった場合に対応していません（つまりレスポンシブ対応していない）。 サイトによってはPCサイト・スマホサイトやウィンドウサイズをかえたときでも、縦横比・レイアウトなど崩れることなく表示させたいニーズがあるかと思います。 そこで今回はYoutubeの動画埋め込みをレスポンシブ対応させる方法をご紹介していきます。
copypet.jp｜パーツで探す、web制作に使えるコピペサイト。 - CSS3などで新たに追加された要素･装飾方法など、日々コードを書いていないと忘れてしまったり、ささっとプロトタイプを作る時などちょっとしたことに時間をかけている暇はない。困った自分用のストックブログ
免責事項 当サイトのすべてのコンテンツ・情報につきまして、可能な限り正確な情報を掲載するよう努めておりますが、必ずしも正確性・信頼性等を保証するものではありません。 当サイトの情報によるいかなる損失に関して、免責とさせて頂きます。ご利用の際はあらかじめご了承ください。 本免責事項、および、当サイトに掲載しているコンテンツ・情報は、予告なしに変更・削除されることがあります。予めご了承下さい。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
