동영상 파일을 모바일에서 창 크기에 맞춰서 출력하기 2

http://sir.co.kr/bbs/board.php?bo_table=g5_tip&wr_id=1733&sfl=mb_id%2C1&stx=fm25

위 글과 관련입니다.

[code]<div class="video-container" style="text-align:center">
<iframe width="640" height="480" src="//www.youtube.com/embed/hDkVQvhZx04?rel=0" frameborder="0" allowfullscreen></iframe>
</div>[/code]

위 예와 같이 글을 쓸 때, div class를 수동으로 입력해줘야 한다고 말씀드렸는데...
이것이 번거롭다면 자동으로 적용되게 바꿔봅니다.

위에 첨부한 'jquery.mobile.resize.js' 파일을 js 폴더에 넣어줍니다.
내용은 단순합니다.

[code]$( function() {
$("embed").wrap("<div class='video-container [vimeo, widescreen]'></div>");
$("iframe").wrap("<div class='video-container [vimeo, widescreen]'></div>");
});[/code]

그리고 'mobile/skin/board/basic/view.skin.php' 파일에

[code]<script src="<?php echo G5_JS_URL; ?>/jquery.mobile.resize.js"></script>[/code]
를 삽입해줍니다.

{이미지:0}

잘못된 부분이 있으면 지적바랍니다.