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

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

· 8개월 전 · 561 · 1

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

8개월 전

추천 합니다.

게시글 목록

번호 제목
23606
23598
23585
23579
23578
23564
23550
23549
23548
23529
23510
23507
23481
23471
23453
23452
23450
23436
23428
23404
23396
23389
23380
23369
23350
23337
23317
23307
23298
23290