그누 5.4에서 게시물에 유튜브 사이즈문제
본문
모바일에서 사이즈가 크게나와서 잘리는 문제, 혹시 해결하신분 계신가요?
https://www.happyjung.com/lecture/2530?device=mobile
등등을 그대로 해봤지만, 해결을 못하고 있습니다. ㅜㅜ
iframe을 넣을 때, width="100%"는 작동을 안하더군요. (검색을 해보니, 원래 저런식으론 쓰는게 아니라고 하고...)
width="100%"를 넣으면, PC쪽에선 항상 width=300에 height=150처럼 작게 나오는 현상이 있습니다.
모바일에서 유튜브 동영상 리사이즈문제 어떻게 해결해야할까요? ㅠㅠ
답변 5
style="width:100%" 이렇게 해보세요
저도 동일한 문제가 있었는데 해결했어요,
방법은 아래 코드예요.
#ctt {
width: 100%;
}
#ctt .youtube_wrap {
width: 100%;
height: 100vh;
}
#ctt .youtube_wrap > * {
width: 100%;
height: 100vh;
}
참고하세요 - 도움이 되었음 좋겠네요
전 반응형이라 아래처럼 넣으니 웹이든 모바일이든 잘 나오더라구요
<div class="container">
<div class="embed-responsive embed-responsive-16by9">
<iframe src="https://www.youtube.com/embed/xOeRHx1-EOg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>