케빈엉클

유튜브/비메오 비디오 반응형으로 만들기 (at view.skin.php)

[code]

<script type="text/javascript">

$(window).resize(function(){resizeVideo();});

$(function(){resizeVideo();});

function resizeVideo(){

    $("iframe").each(function(){

        if(/^https?:\/\/www.youtube.com\/embed\//g.test($(this).attr("src")) ||

           /^https?:\/\/player.vimeo.com\/video\//g.test($(this).attr("src"))) {

            $(this).css("width","100%");

            $(this).css("height",Math.ceil( parseInt($(this).css("width")) * 480 / 854 ) + "px");

        }

    });

}

</script>

[/code]

 

이 code를 view.skin.php의 <script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>

라인 밑에 넣어주시면 

youtube든 vimeo든 다 화면에 꽉 차게 보실수 있습니다.

vimeo에 대한 새로운 정보가 그누에선 부족한거 같아 올립니다.

사실 list.skin.php에도 넣을수도 있습니다.

|

댓글 1개

추천 합니다.

댓글을 작성하시려면 로그인이 필요합니다.
+
제목 글쓴이 날짜 조회
25-04-10 조회 4,398
25-04-10 조회 4,395
25-04-10 조회 4,777
25-04-09 조회 5,097
25-04-08 조회 4,404
25-04-02 조회 4,275
25-03-30 조회 4,302
25-03-27 조회 4,222
25-03-26 조회 4,142
25-03-26 조회 4,332
25-03-25 조회 4,360
25-03-23 조회 4,259
25-03-21 조회 4,410
25-03-20 조회 4,243
25-03-19 조회 4,276
25-03-18 조회 4,516
25-03-17 조회 4,038
25-03-13 조회 4,164
25-03-12 조회 4,588
25-03-09 조회 4,103
25-03-06 조회 4,286
25-03-05 조회 4,478
25-03-04 조회 4,435
25-03-04 조회 3,910
25-02-27 조회 4,370
25-02-27 조회 4,021
25-02-27 조회 3,900
25-02-27 조회 4,123
25-02-27 조회 4,242
25-02-24 조회 4,283