웹마스터 팁
모바일에서 유투브 동영상 크기 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만 붙이시면 적용됩니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
플래시메뉴 사입방법 [4] | urhow1 | 2007.08.29 |
분류가 있는 게시판에서 전체분류모드로 게시물 클릭시 딜레이 현상 [2] | Sx3 | 2007.08.30 |
페이지수정 안되시는 분들께 드리는 팁 [2] | 다케루 | 2007.08.30 |
구글광고넣기....(재밌는경험담 본문에 광고 넣으시려는분 꼭 읽어 보세요...) [2] | kangho | 2007.08.30 |
회원 단축 메뉴 보여주기 | Simulz | 2007.08.30 |
(최근글목록) 분류명 표시하기 & 이미지 [7] | Simulz | 2007.08.31 |
서버이전하고 마이그레이션하고 경험담 [3] | 팔공산 | 2007.08.31 |
(최근글목록) 게시판 이름 출력하기 #2 [12] | Simulz | 2007.08.31 |
관리자 아이디 사용제한 체크하는 어이없는 실수 & 해결 [5] | refree | 2007.09.01 |
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] | Simulz | 2007.09.02 |
랜덤 배경 이미지 [7] | Simulz | 2007.09.04 |
(설문조사) 회원만 설문 조사 하도록 [8] | Simulz | 2007.09.04 |
회원에게는 구글 애드센스 보이지 않게 하기 [2] | 스컬리지금어디야 | 2007.09.05 |
글이 중간에 짤릴 경우.. | 송암 | 2007.09.06 |
확장변수 이용해서 2차 3차 분류 항목 만들기 [3] | VagaBond | 2007.09.08 |
(게시판) 목록에 확장 변수를 출력하기 [18] | Simulz | 2007.09.08 |
메인 페이지 링크 www. 주소 표시, 로그인 링크 문제.... [5] | 마덴나 | 2007.09.08 |
(파일 첨부) 파일명 안보일 때 ... 없애기 [9] | Simulz | 2007.09.10 |
랭킹에 순위 넣기! ㅋ~ (꼼수;) | 다케루 | 2007.09.11 |
파일 업로드시에 403에러 발생시 해결방법. [12] | WhiteAT | 2007.09.12 |