내용관리 페이지에서 유트브 영상 가로사이즈 문제 질문입니다!
본문
안녕하세요
내용관리 페이지에서 html 소스에
유트브 공유소스 <iframe width="1000"
이렇게 넣으면 반응형 홈피라서 폰에서 가로가 짤리는데요
가로를 100%로 놓으면 pc에서 적용이 안되고 작게 나오는데요
어떻게 해야 퍼센트가 적용이 될까요
내용관리 페이지에서 답변 부탁드립니다!
답변 1
<div class="video-wrap">
<iframe.....></iframe>
</div>
<style>
.video-wrap{position: relative;height: 0;padding-top: 56.25%;}
.video-wrap iframe{position: absolute;left:0;top:0;width: 100%;height: 100%;}
</style>
이런식으로 처리하시면 화면을 줄여도 반응형으로 처리됩니다.
답변을 작성하시기 전에 로그인 해주세요.