YouTubeの埋め込み動画をレスポンシブ化する方法
HTML
|
1 2 3 |
<div class="yt_cont"> <iframe src="https://www.youtube.com/xxxx/xxxxxxxxxxxxx" frameborder="0" allowfullscreen></iframe> </div> |
CSS(SCSS)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
.yt_cont { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } |
