모바일에서 사이즈가 크게나와서 잘리는 문제, 혹시 해결하신분 계신가요?
https://www.happyjung.com/lecture/2530?device=mobile
등등을 그대로 해봤지만, 해결을 못하고 있습니다. ㅜㅜ
iframe을 넣을 때, width="100%"는 작동을 안하더군요. (검색을 해보니, 원래 저런식으론 쓰는게 아니라고 하고...)
width="100%"를 넣으면, PC쪽에선 항상 width=300에 height=150처럼 작게 나오는 현상이 있습니다.
모바일에서 유튜브 동영상 리사이즈문제 어떻게 해결해야할까요? ㅠㅠ
답변 5개 / 댓글 5개
채택된 답변
+20 포인트
답변에 대한 댓글 1개
감사합니다. 결과적으로 안되었습니다. ㅠㅠ 계속 삽질을 하다보니, 모바일 관련문제가 아니라 PC쪽 화면이 문제인거 같습니다. 기본적으로 유튜브에서 제공되는 SRC의 width는 픽셀기반으로 주죠. 이걸 픽셀이 아닌, 다른식으로 주게 되면 무조건 PC쪽에서는 300x150사이즈로 뜨는 현상입니다. 알려주신 링크도 그대로 했습니다, 결국 최종문제는 PC쪽 화면에서 300x150사이즈로 뜨는 문제입니다. 모바일은 잘보이는 상태입니다. ㅠㅠ, 300x150이 어디서 나왔는지 정말 황당합니다.
전 반응형이라 아래처럼 넣으니 웹이든 모바일이든 잘 나오더라구요
<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>
참고 하세요.
답변에 대한 댓글 3개
답변을 작성하려면 로그인이 필요합니다.