고수님들 소스 좀 봐주세요.. 채택완료
모바일화면에서 유투브 동영상이 짤리는 문제로 몇일동안 고생중인데요.
인터넷 검색중 모바일에서 유투브 동영상을 자동으로 조절해주는 자바스크립트를 발견 했습니다.
http://www.miwit.com/b/mw_tip-3617?sca=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C&sfl=wr_subject%7C%7Cwr_content&stx=%EB%AA%A8%EB%B0%94%EC%9D%BC&sop=and" target="_self">http://www.miwit.com/b/mw_tip-3617?sca=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C&sfl=wr_subject%7C%7Cwr_content&stx=%EB%AA%A8%EB%B0%94%EC%9D%BC&sop=and
링크에 설명대로 자바스크립트를 만들어 youtube.js 로 저장을 해서 루트/js 폴더에 넣었구요.
모바일-스킨-보드-베이직- view.skin.php에다가 아래 소스를 넣어주라는데
--------------------수정 전 ---------------------------------------------------------------------
<script src="<?$g4[path]?>/js/이름.js"></script>
<script>$(document).ready(function(){
// Target your .container, .wrapper, .post, etc.
$(".write_content").fitVids();
});
</script>
--------------------------------------------------------------------------------------------------------
저는 그누보드 5라서
</span><span style="font-family: gulim; font-size: 12px; line-height: 18px;"></span></p><p><span style="font-family: gulim; font-size: 12px; line-height: 18px;"></span><font face="gulim"><span style="font-size: 12px; line-height: 18px;"><script src="<?php echo G5_JS_URL; ?>/youtube.js"></script></span></font><span style="font-family: gulim; font-size: 12px; line-height: 18px;"> 이렇게 넣어줬는데 동영상 화면이 줄어들지 않아</span></p><p><span style="font-family: gulim; font-size: 12px; line-height: 18px;"></span><font face="gulim"><span style="font-size: 12px; line-height: 18px;"><script src="</span></font><span style="font-family: gulim; font-size: 12px; line-height: 18px;"><?$g5[path]?></span><font face="gulim" style="font-size: 12px; line-height: 1.5;">/js/youtube.js"></script></font><span style="font-family: gulim; font-size: 12px; line-height: 18px;">이렇게도 해봤는데 안되더라구요.</span></p><p><span style="font-family: gulim; font-size: 12px; line-height: 18px;">
제가 어느 부분을 잘못했는지 알려주시면 감사하겠습니다
답변 3개
본문에 말씀하신 내용이나 비슷한 다른 내용들을 적용해보았으나 성공치 못했습니다.
기존 게시글을 보완했으니, 참고하세요.
http://sir.co.kr/bbs/board.php?bo_table=g5_tip&wr_id=2024">http://sir.co.kr/bbs/board.php?bo_table=g5_tip&wr_id=2024
답변에 대한 댓글 7개
첫번째 두번째 팁 모두를 적용해야 합니다.
첫번째 팁만 먼저 적용하고... 소스를 수동으로 넣어보십시오.
두번째 팁은 소스를 수동으로 넣는 번거로움만 없앤 것에 불과합니다.
를 수동으로 넣어주면 잘 적용이 됩니다.
알려주신 두번째 팁대로 적용을 하고 글을 작성할때 링크만 넣고 확인을 했습니다. 적용이 안되더군요..
소스보기로 확인해보니 자동으로 div가 감싸져 있긴 한데 적용이 안됩니다. 흑흑
<div class="js-video [vimeo, widescreen]"><iframe width="560" height="315" src="//www.youtube.com/embed/se7YOpf9Q0E" frameborder="0"></iframe></div>
'js-video'가 아닌 'video-container'로 보여야 하는데... 이상하네요.
대충 원리는 이해하겠는데 안되니 속 터지겠네요....
이걸 어떻게 해야하나;;;;;;;
$( function() {
$("embed").wrap("<div class='js-video [vimeo, widescreen]'></div>");
$("iframe").wrap("<div class='js-video [vimeo, widescreen]'></div>");
});
이렇게 적혀있더군요...
video-container 로 바꿔 주니 잘 적용 됩니다. 이 부분 수정하시면 될듯 합니다.
정말 감사드립니다. fm25님 덕분에 해결되었습니다 (__
해결하셨다니 다행입니다.
댓글을 작성하려면 로그인이 필요합니다.
<script src="<?$g5[path]?>/js/youtube.js">를
<script src="<?php echo G5_URL; ?>/js/youtube.js"> 로 바꾸세요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
보완해주신 글을 적용해봤으나 그대로 입니다. 이번엔 왠지 될거 같은 느낌이었느데 후.. 힘드네요
이것때문에 몇일째 밤을 세웠네요 흑흑 http://1stnamu.com/ 직접 봐주세요~