유튜브/비메오 비디오 반응형으로 만들기 (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개
9개월 전
추천 합니다.
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4427 | ||
| 2364 | 1년 전 | 1638 | ||
| 2363 | 1년 전 | 2110 | ||
| 2362 |
디지털홍익인간
|
1년 전 | 1260 | |
| 2361 | 1년 전 | 2037 | ||
| 2360 |
parkee
|
1년 전 | 929 | |
| 2359 | 1년 전 | 1655 | ||
| 2358 | 2년 전 | 1381 | ||
| 2357 | 2년 전 | 2654 | ||
| 2356 | 2년 전 | 1651 | ||
| 2355 |
타버린나무
|
2년 전 | 1861 | |
| 2354 | 2년 전 | 2389 | ||
| 2353 |
swallow
|
2년 전 | 2365 | |
| 2352 | 2년 전 | 1513 | ||
| 2351 | 2년 전 | 1593 | ||
| 2350 |
|
2년 전 | 1480 | |
| 2349 | 2년 전 | 1293 | ||
| 2348 | 2년 전 | 2380 | ||
| 2347 | 2년 전 | 2498 | ||
| 2346 |
ceramoon
|
2년 전 | 1537 | |
| 2345 | 2년 전 | 1274 | ||
| 2344 | 2년 전 | 1679 | ||
| 2343 | 2년 전 | 2408 | ||
| 2342 | 2년 전 | 1645 | ||
| 2341 | 2년 전 | 1182 | ||
| 2340 | 2년 전 | 2533 | ||
| 2339 | 2년 전 | 1222 | ||
| 2338 | 2년 전 | 1402 | ||
| 2337 | 2년 전 | 1712 | ||
| 2336 | 2년 전 | 2005 | ||
| 2335 | 2년 전 | 2284 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기