유튜브 동영상 반응형(모바일 대응) 만들기
안녕하세요.
유튜브 동영상 반응형 또는 모바일에서 사이즈에 맞게 제어하려는 분들의
질문이 많아서 팁게에 글 써봅니다.
아래 스크립트는 구글링해서 찾은거라 제가 만든건 아님을 밝힙니다.
공유의 목적이고, 많은 분들이 어려움 겪지않고 활용하시면 좋겠습니다 ^^
유튜브 영상이 있는곳에 하단의 스크립트를 복붙하면 됩니다.
게시판 view.skin.php 에도 가능하고, 영카트 상품뷰 item.form.skin.php 에도 가능합니다.
<script type="text/javascript">
$(window).resize(function(){resizeYoutube();});
$(function(){resizeYoutube();});
function resizeYoutube(){ $("iframe").each(function(){ if( /^https?:\/\/www.youtube.com\/embed\//g.test($(this).attr("src")) ){ $(this).css("width","100%"); $(this).css("height",Math.ceil( parseInt($(this).css("width")) * 480 / 854 ) + "px");} }); }
</script>
댓글 15개
별지기천사
5년 전
좋은 팁 감사합니다
DSLOVE
5년 전
감사합니다 :)
소소한여자
5년 전
너무 잘됩니다 감사합니다
덕분에 일일이 크기조정을 안해서 되니깐 너무 좋네요
덕분에 일일이 크기조정을 안해서 되니깐 너무 좋네요
DSLOVE
5년 전
도움되셨다니 기쁘네요 :)
cemooo
5년 전
감사합니다~!
5년 전
정말 좋은 팁 감사해요~!!
5년 전
잘 되네요
감사합니다
감사합니다
5년 전
좋은 팁 감사합니다.
5년 전
고맙습니다.
sosososo
5년 전
모바일 반응 감사합니다.
pc에서도 사이즈가 풀사이즈로 반응하는데요, 저만 그런가요 ?
사이즈 변경해도 먹히질 않습니다.
pc에서도 사이즈가 풀사이즈로 반응하는데요, 저만 그런가요 ?
사이즈 변경해도 먹히질 않습니다.
4년 전
역시 감사 합니다..
4년 전
굳...감사합니다
3년 전
한방에 해결되네요. 감사합니다!!
nunnunanna
2년 전
와...하루 날릴 뻔 했는데 감사합니다!
초록물고기
9개월 전
감사합니다.스크랩해요
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4426 | ||
| 2634 | 6개월 전 | 610 | ||
| 2633 | 6개월 전 | 601 | ||
| 2632 |
 bank365 |
6개월 전 | 510 | |
| 2631 | 6개월 전 | 570 | ||
| 2630 |
세르반데스
|
7개월 전 | 538 | |
| 2629 | 7개월 전 | 729 | ||
| 2628 | 7개월 전 | 412 | ||
| 2627 | 7개월 전 | 421 | ||
| 2626 |
이슈DEV
|
7개월 전 | 641 | |
| 2625 |
welcome
|
7개월 전 | 647 | |
| 2624 |
이슈DEV
|
7개월 전 | 449 | |
| 2623 | 7개월 전 | 409 | ||
| 2622 | 7개월 전 | 496 | ||
| 2621 | 7개월 전 | 353 | ||
| 2620 |
 cdisk1 |
7개월 전 | 370 | |
| 2619 | 7개월 전 | 479 | ||
| 2618 | 7개월 전 | 466 | ||
| 2617 | 7개월 전 | 556 | ||
| 2616 | 7개월 전 | 680 | ||
| 2615 | 8개월 전 | 584 | ||
| 2614 | 8개월 전 | 411 | ||
| 2613 |
바닐라코드
|
8개월 전 | 732 | |
| 2612 | 8개월 전 | 596 | ||
| 2611 | 8개월 전 | 733 | ||
| 2610 | 8개월 전 | 970 | ||
| 2609 | 8개월 전 | 509 | ||
| 2608 | 8개월 전 | 654 | ||
| 2607 | 8개월 전 | 632 | ||
| 2606 | 8개월 전 | 577 | ||
| 2605 | 8개월 전 | 604 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기