내용관리 페이지에서 유트브 영상 가로사이즈 문제 질문입니다!
본문
안녕하세요
내용관리 페이지에서 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>
이런식으로 처리하시면 화면을 줄여도 반응형으로 처리됩니다.
위소스를 내용관리 페이지의 html에 넣어도 적용이 안되서
content 폴더 안에 basic안에 style.css파일에 스타일 부분을 추가해서 적용해도 적용이 안되네요
왜 적용이 안될까요?
위 소스를 그대로 넣으셨다면 내용관리에 iframe을 넣으실때 video-wrap으로 감싸셨나요?
감싸셨고 style.css 에 제대로 넣으셨다면 캐시 때문에 제대로 확인이 안되셨을수도 있는데
ctrl+f5눌러서 다시 한번 확인해 보셔야 할듯 합니다.
답변을 작성하시기 전에 로그인 해주세요.