유튜브/비메오 비디오 반응형으로 만들기 (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에도 넣을수도 있습니다.
- 이전글2026년2월1일 주일설교 26.02.01
- 다음글게시글 첨부파일 mp4, webm, ogg 등을 업로드했을때 본문에서 재생하기 26.01.14
댓글목록
등록된 댓글이 없습니다.