유튜브/비메오 비디오 반응형으로 만들기 (at view.skin.php) 정보
유튜브/비메오 비디오 반응형으로 만들기 (at view.skin.php)
관련링크
본문
<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를 view.skin.php의 <script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
라인 밑에 넣어주시면
youtube든 vimeo든 다 화면에 꽉 차게 보실수 있습니다.
vimeo에 대한 새로운 정보가 그누에선 부족한거 같아 올립니다.
사실 list.skin.php에도 넣을수도 있습니다.
추천
4
4
댓글 1개
추천 합니다.