고수님들 소스 좀 봐주세요..
본문
모바일화면에서 유투브 동영상이 짤리는 문제로 몇일동안 고생중인데요.
인터넷 검색중 모바일에서 유투브 동영상을 자동으로 조절해주는 자바스크립트를 발견 했습니다.
링크에 설명대로 자바스크립트를 만들어 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라서
<script src="<?php echo G5_JS_URL; ?>/youtube.js"></script> 이렇게 넣어줬는데 동영상 화면이 줄어들지 않아
<script src="<?$g5[path]?>/js/youtube.js"></script>이렇게도 해봤는데 안되더라구요.
제가 어느 부분을 잘못했는지 알려주시면 감사하겠습니다
답변 3
본문에 말씀하신 내용이나 비슷한 다른 내용들을 적용해보았으나 성공치 못했습니다.
기존 게시글을 보완했으니, 참고하세요.
fm25 님 신경 써주셔서 감사합니다
보완해주신 글을 적용해봤으나 그대로 입니다. 이번엔 왠지 될거 같은 느낌이었느데 후.. 힘드네요
이것때문에 몇일째 밤을 세웠네요 흑흑 http://1stnamu.com/ 직접 봐주세요~
주소만으로는 어디에 어떻게 적용했는지 알 수가 없습니다.
첫번째 두번째 팁 모두를 적용해야 합니다.
첫번째 팁만 먼저 적용하고... 소스를 수동으로 넣어보십시오.
두번째 팁은 소스를 수동으로 넣는 번거로움만 없앤 것에 불과합니다.
첫번째 팁에 나온 코드를 style에 넣고, 글 작성시 <div class="video-container" style="text-align:center"> 링크 </div>
를 수동으로 넣어주면 잘 적용이 됩니다.
알려주신 두번째 팁대로 적용을 하고 글을 작성할때 링크만 넣고 확인을 했습니다. 적용이 안되더군요..
소스보기로 확인해보니 자동으로 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'로 보여야 하는데... 이상하네요.
fm25님은 잘되시겠죠? ㅜㅡ
대충 원리는 이해하겠는데 안되니 속 터지겠네요....
이걸 어떻게 해야하나;;;;;;;
혹시 몰라서 fm25님이 두번째 팁에 올려주신 첨부파일을 열어봤습니다.
$( function() {
$("embed").wrap("<div class='js-video [vimeo, widescreen]'></div>");
$("iframe").wrap("<div class='js-video [vimeo, widescreen]'></div>");
});
이렇게 적혀있더군요...
video-container 로 바꿔 주니 잘 적용 됩니다. 이 부분 수정하시면 될듯 합니다.
정말 감사드립니다. fm25님 덕분에 해결되었습니다 (__
내용 확인을 제대로 못해 고생 시켜드렸네요...;;;
해결하셨다니 다행입니다.
소스보기해서 스크립트 경로가 맞는지 확인해보세요
그누5는 $g5[path] 사용하지 않습니다.
<script src="<?$g5[path]?>/js/youtube.js">를
<script src="<?php echo G5_URL; ?>/js/youtube.js"> 로 바꾸세요