맛집 여행 캠핑 일상 생활

Youtube iframe 반응형 화면에 꽉차게 하는 방법 본문

HTML.CSS

Youtube iframe 반응형 화면에 꽉차게 하는 방법

영은파더♥ 2021. 6. 9. 13:34

가로는 꽉차게 하면서 가로 세로 비율은 유지하는 CSS 입니다.

인터넷 검색으로 어디서 찾은건데 정말 신기하네요~

.video-wrap { position:relative;padding-bottom:56.25%;height:0px;overflow:hidden; }
.video-wrap iframe { position:absolute;top:0;left:0;width:100%;height:100%; }

<div class="video-wrap">
<iframe width="400" height="225" src="주소값"></iframe>
</div>

 

저작자표시 비영리

'HTML.CSS' 카테고리의 다른 글

[HTML/CSS] 배경 투명 처리  (0) 2020.03.31
홈페이지에 인터넷속도체크 위젯 달기  (0) 2019.01.15
[HTML/CSS] overflow-y 속성  (0) 2018.10.18
HTML/CSS 문자열이 특정폭 길이를 넘을때  (0) 2018.10.02
DIV 팝업레이어 뒷쪽에 클릭이 안되게 처리  (0) 2018.09.20
공유하기 링크
'HTML.CSS' Related Articles more
Trackback : | Comments :