유튜브 동영상이나 네이버TV 동영상을 iframe 소스로 넣어 공유하고 있는데요
스마트폰으로 보면 짤려서 보기가 너무 안좋네요
이걸 반응형으로 내가 보는 기기에 맞춰 사이즈를 최적화시킬수 있는 방법이 있을까요 ?
유튜브는 CSS 파일에 아래 코드를 넣고 사용하면 된다는게 있는데 조언부탁드립니다.
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position:absolute;top: 0;left:0;width:100%;height:100%;}
<div class="video-container">동영상 소스</div>
|
답변 3개 / 댓글 3개
채택된 답변
+20 포인트
2018-08-31 (금) 13:54:59
참고하세요.
답변에 대한 댓글 2개
2018-12-27 (목) 17:59:35
혹시 해결하셧나요?저도 작아져서요 ㅠ
2018-08-31 (금) 13:44:47
유튜브와 같이 width:100%;height:100%
이렇게 좌우 넓이와 높이를 퍼센트(%) 로 사용하시면됩니다.
답변에 대한 댓글 1개
2018-08-31 (금) 13:51:31
답변감사합니다~
아래와 같이 넣으면 되는건가요 ? 이렇게 해보니 사이즈가 진짜 작아지는데 ㅠ
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/HuoOEry-Yc4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
아래와 같이 넣으면 되는건가요 ? 이렇게 해보니 사이즈가 진짜 작아지는데 ㅠ
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/HuoOEry-Yc4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
답변을 작성하려면 로그인이 필요합니다.