관리 메뉴

맛집 여행 캠핑 일상 생활

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>

 

Trackback : 0 | Comments : 0
댓글쓰기 폼