유튜브 사이즈 채택완료
아미나 빌더 사용중이고요 우측 로그인 아래 반응형 구글광고 자리에 유튜브 화면을 배치하였습니다.
그런데
http://amina.co.kr/data/editor/1806/ba300d91a8746268c6b2dcd0f20a9284_1528087362_6474.jpg" itemprop="image" src="http://amina.co.kr/data/editor/1806/ba300d91a8746268c6b2dcd0f20a9284_1528087362_6474.jpg" />
PC버전에서는 위와 같이 잘 나오는데 모바일 버전에서는
http://amina.co.kr/data/editor/1806/ba300d91a8746268c6b2dcd0f20a9284_1528087428_0776.jpg" />
이렇게 위, 아래가 잘려 나옵니다.
소스는
유튜브 소스를 그냥 적용했더니 화면이 너무 커져서
중에 class="img-responsive"를 추가 하였더니 PC에서는 괜찮은데
모바일에서는 위와 같이 위, 아래가 짤려 나옵니다.
어떻게 수정해야 하는지 부탁 드립니다.
답변 4개
DSLOVEimg-responsive 란 class 의 css 를 확인하셔야겠는데요~
그리고, 검색해서 알게 된 소스이고 제가 자주 써먹는...ㅋㅋ
(출처를 까먹었네요 ㅠㅠ)
</p>
<p><script type="text/javascript">
$(window).resize(function(){resizeYoutube();});
$(function(){resizeYoutube();});
function resizeYoutube(){ $("iframe").each(function(){ if( /^https?:\/\/www.youtube.com\/embed\//g.test($(this).attr("src")) ){ $(this).css("width","100%"); $(this).css("height",Math.ceil( parseInt($(this).css("width")) * 480 / 854 ) + "px");} }); }
</script></p>
<p>이 소스를 적용시키시면 모바일기기에 맞게 비율이쁘게 잘 맞춰서 나옵니다!
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
