트위터, 유튜브, 인스타그램 자동변환(1.15 비메오, 데일리모션 추가) > 그누보드5 플러그인

그누보드5 플러그인

그누보드는 여러가지 기능을 추가하기 쉽도록 제작 되었습니다.
플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

트위터, 유튜브, 인스타그램 자동변환(1.15 비메오, 데일리모션 추가) 정보

트위터, 유튜브, 인스타그램 자동변환(1.15 비메오, 데일리모션 추가)

첨부파일

첨부파일 auto.change.min.js (4.7K) 77회 다운로드 2019-01-15 13:43:20

본문

설명을 어떻게 해야될지 모르겠네요.

지정한 div내의 url이 유튜브나, 트위터, 인스타그램, 카카오팟의 경우 자동으로 소스를 변환해주는 js입니다.

 

사용법은 간단합니다.

 

해당 js파일을 js폴더에 올리시고

사용하고자 하는 스킨이나 헤더에

<script src="<?php echo G5_JS_URL ?>/auto.change.min.js" charset="utf-8"></script>

구문을 넣으시고.

$(function() {
    $('#bo_v_con').GnuView(
        {
            width:510,
            height:315,
            youtube:true,
            instargram:true,
            kakao:true,
            twitter:true,
            vimeo:true,
            dailymotion:true
        });
}); 

변환을 원하는 영역의 아이디를 넣으시면 됩니다.

위의 예제는 게시판 본문(기본아이디값)입니다. 

댓글에도 적용하시려면 $('#bo_vc')로 적용하시면 됩니다.

위의 변수값으로 일부만 변환할 수 있으며 크기도 설정가능합니다(유튜브,카카오팟)

 

그누보드 순정기준으로만 테스트 되었습니다.

소스가 간단하기 떄문에 타빌더에서도 동작은 할거라 생각됩니다만, 테스트 해보지 않아서..

 

2019-01-15 13:43 이전에 받으신분은 다시 받아주세요

 

비메오 및 데일리모션도 추가하였습니다

추천7

댓글 전체

임의의 위치에 넣으니 소스가 검정색으로 나오고
그래도 넣고 저장 후 게시판을  보니 온통 다 깨저 나옵니다.

$(function() {
    $('#bo_v_con').GnuView(
        {
            width:510,
            height:315,
            youtube:true,
            instargram:true,
            kakao:true,
            twitter:true,
        });
});

이대로 복사해서 그냥 아무대나 붙이면 안되는가봐요
완존 초보라,,.
저기 볼피드님...이런 부탁은 좀 그렇지만..

게시판 내용에 적용하는 소스를 한번 올려주시면 안될까요?
적용을 해보니..깨지는 것은 없는데...

적용은 안되는거 같아...어딘가 제가 잘못하는거 같네요

ㅠㅠ
이거 사용하고싶어서
스킨 view.skin.php 상단에
아래와 같이 삽입 했는데 왜 동영상이 그냥 주소로만 나올까요?

<script src="<?php echo G5_JS_URL ?>/auto.change.min.js" charset="utf-8"></script>
<script>
$(function() {
    $('#bo_v_con').GnuView(
        {
            width:510,
            height:315,
            youtube:true,
            instargram:true,
            kakao:true,
            twitter:true,
            vimeo:true,
            dailymotion:true
        });
});
</script>

샘플 링크에 글쓰기 해서 주소 삽입해도 동영상이 나오지 않네요
제가 그누 기본 게시판 basic 다운 받아서 위에 소스 삽입해 봤는데 안되네요.

죄송한데..
위에 소스를 적용한 게시판 스킨을 통체로 올려주시면 안될까요?
좋은자료 감사합니다^^
카카오랑 인스타가 안되어서
카카오는 수정했는데 인스타는 수정을못하겠네요~ㅠ
인스타 수정 방법 좀 부탁드려요~^^;
링크된 메모 사이트도 인스타는 안되네요
그 문제가 아니었네요 ㅠㅠ
auto.change.min.js 파일에 아래 코드에 오타가 있었네요.
https://www.instargram.com#[CODE] 원본
https://www.instagram.com#[CODE] 수정 도메인에 r이 하나들어있네요.
다른분들 참고하세요~^^
소스를 적용해 보았습니다.
그런데 width와 height를 변경하고 싶어서 아래와 같이 관리자에서 적용하는 width와 height를 적용해보니
기본적인 width:510,height:315으로 고정이 되네요.
사이즈를 늘리려고 하단의 소스에서 관리자에서 적용한 width:720, height:402로 적용을 했지만 적용이 되지 않습니다. 배포하신 auto.change.min.js의 적용이 되는것인가요..사이즈를 늘릴수 있는 방법을 부탁드립니다.
감사합니다.
$('#bo_v_con').GnuView({
width:<?php echo $board['bo_1']?>,
height:<?php echo $board['bo_2']?>,
youtube:true,
instargram:true,
kakao:true,
twitter:true,
vimeo:true,
dailymotion:true
});
전체 276
그누보드5 플러그인 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT