모바일에서 유튜브 크기 자동 설정하기 > GNU5

• 목록

/theme/basic/mobile/skin/board/basic/view.skin.php 파일을 열고

<div id="bo_v_con"><?php echo get_view_thumbnail($view['content']); ?></div>

를

<div id="bo_v_con"><div class="youtubeResize"><?php echo get_view_thumbnail($view['content']); ?></div></div>

수정하고 난 후

/theme/basic/mobile/skin/board/basic/style.css 파일 하단에 아래 구문 추가

/* 창 크기에 따라 최적화되는 유튜브 CSS 코드 시작 */
.youtubeResize {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.youtubeResize iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* 창 크기에 따라 최적화되는 유튜브 CSS 코드 끝 */

작업후에 꼭 그누보드 캐시삭제 와 브라우저 인터넷 사용 기록(쿠키,캐시)을 삭제 하시기 바랍니다.

해당 파일은 재배포금지 입니다.