youtube埋め込みをスマホ対応レスポンシブにする方法

youtube埋め込みをスマホ対応レスポンシブにする方法

SPONSORED LINK

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
<div class="youtube"><iframe width="100%" height="500" src="ここにyoutubeのURL" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>

ポチッ☆とクリックお願いします!
↓ ↓ ↓

  • にほんブログ村 IT技術ブログ ホームページ・サイト制作支援へ

コメントは受け付けていません。

サブコンテンツ

TOP