그누보드 게시판에 동영상 화면크기를 반응형으로 할수 있나요 ? 채택완료
자바도리
7년 전
조회 3,445
유튜브 동영상이나 네이버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개
채택된 답변
+20 포인트
답변에 대한 댓글 2개
�
자바도리
7년 전
우와 감사합니다^^
�
떡배
1년 전
감사합니다~^^
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
�
자바도리
7년 전
답변감사합니다~
아래와 같이 넣으면 되는건가요 ? 이렇게 해보니 사이즈가 진짜 작아지는데 ㅠ
<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>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인