웹마스터 팁
모바일에서 유투브 동영상 크기 300px고정
2012.07.31 15:47
댓글 28
-
박당근
2012.08.03 20:23
정말감사합니다 ㅠㅠㅠ너무너무필요했어요 -
팡팡곰
2012.08.11 17:07
아... 이거 꼭 필요한데 안되네요. mboard.js 파일에 그냥 넣으면 되는건가요? 제가 초보라ㅠㅠ
-
패시브
2012.08.11 20:03
모바일 스킨마다 js가 작동하는놈이 따로있는터라 확답은 못해드리겠는데.. 일단 js폴더내에 있는 js파일이 mboard 하나뿐이면 거기에 추가해주시면 되고요, 많으면 한번씩 다 넣어보시는 방법도 있습니다.
-
미소둘로
2012.08.14 22:49
소스 그대로 붙여넣었는데 모바일에서 동영상이 먹통이네요..
지우고 파일 새로 업로드해도 유투브동영상만 전부 먹통입니다..; 속타네요.
-
미소둘로
2012.08.14 22:54
정말 뭐가 문제인지 원상복구가 안됩니다...
원상태로 소스지우고 원본 덮어 씌웠는데 모바일에서 유투브동영상만 재생이 안됩니다
-
패시브
2012.08.14 22:58
다른 애드온이나 기타요소와 충돌이 일어나는거 외에는 설명할 방법이 없네요. 애초에 저도 쓰고있고 주변분들도 다 잘 작동된다셔서..
-
미소둘로
2012.08.14 23:02
답변 엄청 빠르시네요^^ 감사합니다...애드온 살펴볼게요ㅜ.
만약 애드온 하나씩 테스트 해보고 된다면.. 네이버동영상도 작게 될까요?
-
패시브
2012.08.14 23:46
네. 여기엔 안올렸지만 네이버 동영상도 작게 가능합니다
// iframe,embed 의 링크var $allVideos = $("iframe[src^='http://player.vimeo.com'], iframe[src^='http://www.youtube.com'], iframe[src^='http://serviceapi.nmv.naver.com'], embed[src^='http://www.youtube.com'], embed[src^='http://serviceapi.nmv.naver.com']"),$fluidEl = $("body");$allVideos.each(function() {$(this).data('aspectRatio', this.height / this.width)// 기존 높,넓 삭제.removeAttr('height').removeAttr('width');});$(window).resize(function() {var newWidth = $fluidEl.width();$allVideos.each(function() {var $el = $(this);$el.width('300').height('260');});}).resize();이러시면 됩니다. -
미소둘로
2012.08.15 00:05
애드온도 테스트하고 게시판도 이것저것 바꿔보니 어느새?? 너무 잘 됩니다...정말 감사합니다^^
-
SuperSonic
2012.08.21 16:05
대박이네요 꼭 필요했었는데....
하지만 제 홈피에서는 작동이 .. ㅠ
-
패시브
2012.08.21 16:34
이상하네요.. js파일에 제대로 삽입하신게 맞나요? 작동이 안될리가 없는데..
-
키스미베이베
2012.08.21 18:21
아이폰사용자는 사파리 쿠키,새션(?)등등 지우고 다시시도해보세요 안드로이드는 저도몰겟습니다.
그리고 네이트도 줄이는 방법좀 +_+
p.s 이거 애드온으로 생기면 대박날겁니다
-
패시브
2012.08.21 18:37
얼마전부터 틈내서 만들고는 있는데 애드온 만드는게 쉬운일은 아니었네요. 처음 만드는거라 너무 어렵네요..ㅜㅜ
-
패시브
2012.08.21 18:38
네이트 줄이는 방법은 모바일에서 네이트 동영상 실행이 가능하시다면, 일단 네이트 iframe이나 embed 주소를 알아야 합니다. 위에 소스 보시면 얼추 어떻게 하면 되는지 아실꺼에요.
-
키스미베이베
2012.08.21 18:46
http://v.nate.com 추가하면되네요 ㅎㅎ 아이폰에선 puffin browser로 볼수있어서 해봣더니 줄여지네요 감사합니다 꾸벅(--)(__)
-
오락실주인
2012.08.22 16:25
와우 스케치북 적용했는데 잘되네요 ... 짱입니다요 ..
근대 유투브 말고 모든영상이 적용되는건가염?? 아니면 유투브영상만 적용되는건가염??
-
패시브
2012.08.22 17:52
따로 소스를 추가하면 다른 영상도 잘 작동합니다. 윗분도 네이트 주소를 추가하셔서 사용중이시고요.
iframe[src^='http://www.youtube.com'], embed[src^='http://www.youtube.com'],
이 둘중 원하는 사이트의 동영상 주소를 유투브 주소 대신 써주신다음 추가해주시면 됩니다.
ex ) embed[src^='http://serviceapi.nmv.naver.com']
-
하늘편지2
2012.08.29 19:08
dx게시판 사용하는데 어떤 파일을 수정해야 하는지 정확하게 잘 모르겠어요.
혹시 dx게시판 사용하시는 사용자분중 성공 하신분들 어떤 파일 수정해야 하는데 파일 디렉토리 좀 알려주세요.
-
패시브
2012.09.05 10:47
dx게시판에서 사용하는 스킨 폴더의 이름을 아신 후에, js폴더 내의 파일을 수정하면 되는데 저도 참 깜깜하네요 이건
common.js 를 수정해 보시거나 아니면 스킨 자체에 새로운 js를 만드신 후에 html 파일을 수정해서 임의로 제작하신 js를 불러오시는 방법도 있습니다.
후자가 편하긴 합니다. ㅎㅎ;
-
SuperSonic
2012.09.04 17:27
제 홈페이지의 경우
XE default 스킨 (X) , 심플그레이 (X), yoorim (X)
다 안되고
sketchbook5Mobile 에서 완벽하게 작동하네요~
모바일 스킨 다 스케치북으로 바꿨어요~
좋은 팀 너무너무 감사합니다!!
-
ToFinder
2012.09.07 09:42
도대체 어디부분에 어떻게 넣으시니 된답니까? ㅠㅠ;;;
아무리 넣어도 안되던데 안드로이드는 안되는가보네요 에휴~
-
패시브
2012.09.07 16:43
특정 OS가 안된다는 말은 처음들어보네요..브라우저 설정의 문제가 아닐경우 js를 삽입하신 위치가 잘못된거 같습니다
<script src="js위치"></script>
를 원하시는 게시판 head 부분에 삽입해주세요. 제경우
<script src="/modules/pxeboard/skins/PY/js/co.js"></script>
를 head부분에 삽입하고 js폴더내에 co.js라는 파일을 만든후에 위에 스크립트나 다른 스크립트를 넣어서 사용중입니다.
-
ToFinder
2012.09.09 15:21
안되는 이유를 찾습니다.
우선 소스.. 는 whre.js 로 만들어서 모바일 js 폴더에 둔 상태입니다. 아래 코드를..
var $allVideos = jQuery("iframe[src^='http://player.vimeo.com'], iframe[src^='http://www.youtube.com'], iframe[src^='http://www.youtube-nocookie.com'], iframe[src^='http://serviceapi.nmv.naver.com'], embed[src^='http://www.youtube.com'], embed[src^='http://serviceapi.nmv.naver.com']"), $fluidEl = jQuery("body"); $allVideos.each(function() { jQuery(this) .data('aspectRatio', this.height / this.width) .removeAttr('height') .removeAttr('width'); }); jQuery(window).resize(function() { var newWidth = $fluidEl.width(); $allVideos.each(function() { var $el = jQuery(this); $el .width('300') .height('260'); }); }).resize();
http://www.xpressengine.com/tip/18448963
사용팁에 보면 <!--%import("")-->로 하면 상단이나 하단에 올라가거나 내려가지만
$("co") 가 사용이 안되어진다고 합니다. jQuery("co") 로 한다면 읽어진다고 하네요.
XE에서는 그렇게 된다고 하더라고요 ㅎㅎㅎ.
그래서 _read.html 파일안에 아래의 코드를 상단에 넣어두면 하단에 배치되어지더군요.
<load target="js/whre.js" type="body" />
그렇게 하니 정상적으로 XE가 인식하여서 줄어듭니다 ㅠㅠ;;
그리고 유튜브에서는 http://www.youtube-nocookie.com 라는 부분이 추가되었더군요.. 쿠키를 만들지 않는건지 모르지만.
그래서 추가를 하여보니 이제 정상적으로 사이즈가 줄어서 보이네요 ㅠㅠ;;
중요한거 한껀 해결되었습니다.. 감동이~ ㅠㅠ;;;
-
오락실주인
2012.10.12 01:51
해보니 되네염 ㄳ ㅎ 전 유림사용해서리 .. 안되서 고민했는데 해결해주셔서 감사 ^^
-
박물관
2012.09.14 13:21
다음은 주소가 어떻게 되는가요?
초보라 이리저리 해봐도 안되네요 ^^
-
한마음^^
2012.11.20 10:13
ToFinder 님이 하신 것처럼 따로 파일을 만들어서 read.html에서 소스를 불러 오게 하는 게 잘 되네요~^^ -
구름*
2013.02.12 23:08
잘 되네요.고맙습니다!^^
그런데..플래시는 적용할수없을까요?
-
곰맨짱
2018.01.01 14:26
혹시 저처럼 안되시는분 계시면 .js 파일 한글자 수정해보시기 바랍니다.
http://www.youtube.com → https://www.youtube.com
보안서버가 추가되어서 안된거네요 s만 붙이시면 적용됩니다.