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

· 2019-01-13 (일) 15:43:01 · 9125 · 35
테스트.png

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

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

 

사용법은 간단합니다.

 

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

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

[code]

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

[/code]

구문을 넣으시고.

[code]

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

[/code]

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

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

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

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

 

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

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

 

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

 

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

첨부파일

테스트.png (1011.4 KB)
0회 2019-01-13 15:43
auto.change.min.js (4.7 KB) 295회 2019-01-15 13:43
|

댓글 35개

초보라서 그런데 아래 소스를 어디에 어떻게 넣어야 하나요
사용하는 스킨의 view.skin.php에 임의의 위치에 넣어주시면 됩니다
감사합니다 잘되요
2019-01-14 (월) 11:35:35
소스를 어디에 어떻게 넣으신것인가요?
저는 안됩니다.
2019-01-14 (월) 11:34:55
임의의 위치에 넣으니 소스가 검정색으로 나오고
그래도 넣고 저장 후 게시판을 보니 온통 다 깨저 나옵니다.

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

이대로 복사해서 그냥 아무대나 붙이면 안되는가봐요
완존 초보라,,.
<script> </script> 사이에 넣어주세요
2019-01-14 (월) 15:32:47
저기 볼피드님...이런 부탁은 좀 그렇지만..

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

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

ㅠㅠ
오 감사합니다
2019-01-14 (월) 07:33:55
좋은 소스네요
2019-01-14 (월) 13:38:56
꼭 쓰고 싶은 한명 여기 있습니다.
집에 가서 해봐야겠네요
감사합니다
2019-01-15 (화) 09:01:38
감사합니다
2019-01-15 (화) 13:41:20
감사합니다. 좋습니다.
감사합니다
2019-01-18 (금) 14:51:45
이거 사용하고싶어서
스킨 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>

샘플 링크에 글쓰기 해서 주소 삽입해도 동영상이 나오지 않네요
다른 소스 수정때문에 잠깐 기능을 꺼놓았습니다.
혹시나 해서 테스트 결과 잘 됩니다.
2019-01-19 (토) 08:39:16
제가 그누 기본 게시판 basic 다운 받아서 위에 소스 삽입해 봤는데 안되네요.

죄송한데..
위에 소스를 적용한 게시판 스킨을 통체로 올려주시면 안될까요?
어려우면 그냥 iframe 임베드 해서 씁시다 ㅋㅋ
좋은자료 감사합니다^^
카카오랑 인스타가 안되어서
카카오는 수정했는데 인스타는 수정을못하겠네요~ㅠ
인스타 수정 방법 좀 부탁드려요~^^;
링크된 메모 사이트도 인스타는 안되네요
htmlpurifier에서 인스타그램도 허용해주시면 됩니다
그 문제가 아니었네요 ㅠㅠ
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
});
좋네요
카카오 재생 주소가
기존 https://play-tv.kakao.com/channel/3190328/cliplink/404066543에서
https://tv.kakao.com/channel/3190328/cliplink/404066543로 변경된것 같아요!

카카오 티비 주소만 가져와서 하니 안되네요.
그리고 인스타도 안되는데,,,, 위 열공중님이 말씀해주신데로 오타? instargram 오타 수정했는데도 안되네여..
안되는건 데모페이지 댓글로 남겨두었습니다..
2020-12-05 (토) 21:12:31
말씀하신 부분뿐만 아니라 JS파일 열어서 instar을 전부 insta로 바꾸니까 잘되네요~ 그리고 카카오도 말씀하신대로 play-tv를 tv.kko로 바꾸니까 잘됩니다~
2020-12-05 (토) 20:53:07
감사합니다 잘되네요~
혹 나리야에서도 사용가능할까요??
글 쓸때 Write.skin에 넣었는데 작동하지않네요 ㅠㅠ
2022-08-23 (화) 20:51:24
스킨 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>

그리고 글쓰기에서 링크주소 적어주면 바로 동영상 나옵니다.
2022-10-17 (월) 11:50:57
혹시 영상을 중앙으로 오게 할 수 있나요?
중앙 정렬시켜도 좌측으로 붙어서요.

아니면 사이즈 수정이라도요.
감사합니다! 트위터 링크 주소 일부가 노출이 되는데 숨길 수 있는 방법이 있을까요?
2023-05-23 (화) 13:57:03
잘 사용하고 있었는데
어느날 부터 작동을 안하네요. ㅠㅠ
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 플러그인

710건

그누보드 호환이거나 독립적으로 실행되는 플러그인을 소개합니다.

+