테스트 사이트 - 개발 중인 베타 버전입니다

모바일 유튜브 영상 짤리는 현상 .... 채택완료

isum 5년 전 조회 4,154

https://sir.kr/yc5_theme/1709">https://sir.kr/yc5_theme/1709

5.4 버전 이상에서 사용할수 있는 영카트 5.3버전 기본테마

 

를 사용중 입니다.

 

http://isumotors.kr/shop/item.php?it_id=1584417019">http://isumotors.kr/shop/item.php?it_id=1584417019

 

http://isumotors.kr/bbs/board.php?bo_table=gallery&wr_id=25">http://isumotors.kr/bbs/board.php?bo_table=gallery&wr_id=25

 

위 두 링크 모바일 화면에서 동영상 크기가 줄어들지 않는데요.

다른 회원님들이 올려 놓으신 자료를 참고로 수정해 보았는데

잘 안되는듯 합니다. 혹시 해 보셨거나 방법을 아시는 분은

조언 좀 부탁 드립니다. 

 

고맙습니다. 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 5개

채택된 답변
+20 포인트
D
5년 전

제가 했던 방법중 가장 편리했던건,

</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개

i
isum
5년 전
두군데 다 작동 잘 되네요.
팁란에 올리셔도 무방할듯 합니다.

고맙습니다.

다른 분들도 조언해 주셔서 고맙습니다.

댓글을 작성하려면 로그인이 필요합니다.

r
5년 전

도움 많이 됬습니다~

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

프라푸치노K
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

5년 전

모바일 사이즈 너비를 100%로 해주시면 대부분 해결됩니다.

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인