테스트 사이트 - 개발 중인 베타 버전입니다

유튜브 동영상 사이즈 꽉차게 하려는데 저는 왜 저렇게 나올까요 ? 채택완료

자바도리 7년 전 조회 7,770

유튜드 동영상 게시판에 꽉 차게 나오게 하려는데 조그맣게 나와요 ㅠ

마치 100 픽셀 먹은것처럼요

문법이 잘못된것인지 초보라서 진짜 답답하네요 ㅠ

 

<iframe width="100%" height="100%" src="https://www.youtube.com/embed/HuoOEry-Yc4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
7년 전

html:

<div class="videoWrapper">

    소스코드.... iframe으로 되어 있는... (예:<iframe src="https://www.youtube.com/embed/HuoOEry-Yc4" width="640" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>)

</div>

 

css:

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
7년 전
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인