YouTubeをレスポンシブ対応にする

2016.09.03

コーディング

CSS
youtube

CSSで対応できます。

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  leftt: 0;
}

.youtube {

position: relative;

width: 100%;

padding-top: 56.25%;

}

.youtube iframe {

width: 100% !important;

height: 100% !important;

position: absolute;

top: 0;

leftt: 0;

}

これでyoutubeのコードをいれれば完了です！！

CSS text-indent:-9999pxを使わず、テキストを画像に置換する方法
スクロールすると、サイドメニューがするーっとついてくるやり方
CSSで簡単ロールオーバー！透過で。
CSS 半角英数字の文字列がボックスからはみ出るのを修正するCSS
CSS3で奇数、偶数、●番目、●の倍数などに使う書き方
クロームはフォントサイズ10px以下表示は出来ない？

YouTubeをレスポンシブ対応にする

CSSで対応できます。

関連記事