youtube iframe 동영상 반응형 비율
2021. 12. 24. 11:39ㆍSTUDY/StyleSheet
youtube 동영상 반응형 비율
CSS
.video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
'STUDY > StyleSheet' 카테고리의 다른 글
| 스크롤바 숨기기 (0) | 2022.01.04 |
|---|---|
| div 팝업 시 body scroll 비활성화 (0) | 2022.01.03 |
| 모바일 CSS 스타일링 (0) | 2021.12.22 |
| CSS3 animation (0) | 2021.11.18 |
| 벤더 프리픽스 (Vendor Prefix) (0) | 2021.11.17 |
