youtube埋め込みをスマホ対応レスポンシブにする方法
.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>
関連記事はこちら！
スポンサーリンク
ポチッ☆とクリックお願いします！
↓ ↓ ↓
