접속자
최신글
매뉴얼
FAQ트위터, 유튜브, 인스타그램 자동변환(1.15 비메오, 데일리모션 추가) 정보
트위터, 유튜브, 인스타그램 자동변환(1.15 비메오, 데일리모션 추가)관련링크
첨부파일
본문
설명을 어떻게 해야될지 모르겠네요.
지정한 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
댓글 전체
초보라서 그런데 아래 소스를 어디에 어떻게 넣어야 하나요
사용하는 스킨의 view.skin.php에 임의의 위치에 넣어주시면 됩니다
감사합니다 잘되요
소스를 어디에 어떻게 넣으신것인가요?
저는 안됩니다.
저는 안됩니다.
임의의 위치에 넣으니 소스가 검정색으로 나오고
그래도 넣고 저장 후 게시판을 보니 온통 다 깨저 나옵니다.
$(function() {
$('#bo_v_con').GnuView(
{
width:510,
height:315,
youtube:true,
instargram:true,
kakao:true,
twitter:true,
});
});
이대로 복사해서 그냥 아무대나 붙이면 안되는가봐요
완존 초보라,,.
그래도 넣고 저장 후 게시판을 보니 온통 다 깨저 나옵니다.
$(function() {
$('#bo_v_con').GnuView(
{
width:510,
height:315,
youtube:true,
instargram:true,
kakao:true,
twitter:true,
});
});
이대로 복사해서 그냥 아무대나 붙이면 안되는가봐요
완존 초보라,,.
<script> </script> 사이에 넣어주세요
오...감사합니다
저기 볼피드님...이런 부탁은 좀 그렇지만..
게시판 내용에 적용하는 소스를 한번 올려주시면 안될까요?
적용을 해보니..깨지는 것은 없는데...
적용은 안되는거 같아...어딘가 제가 잘못하는거 같네요
ㅠㅠ
게시판 내용에 적용하는 소스를 한번 올려주시면 안될까요?
적용을 해보니..깨지는 것은 없는데...
적용은 안되는거 같아...어딘가 제가 잘못하는거 같네요
ㅠㅠ
오 감사합니다
좋은 소스네요
꼭 쓰고 싶은 한명 여기 있습니다.
집에 가서 해봐야겠네요
집에 가서 해봐야겠네요
감사합니다
감사합니다
감사합니다. 좋습니다.
감사합니다
이거 사용하고싶어서
스킨 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>
샘플 링크에 글쓰기 해서 주소 삽입해도 동영상이 나오지 않네요
스킨 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 다운 받아서 위에 소스 삽입해 봤는데 안되네요.
죄송한데..
위에 소스를 적용한 게시판 스킨을 통체로 올려주시면 안될까요?
죄송한데..
위에 소스를 적용한 게시판 스킨을 통체로 올려주시면 안될까요?
어려우면 그냥 iframe 임베드 해서 씁시다 ㅋㅋ
좋은자료 감사합니다^^
카카오랑 인스타가 안되어서
카카오는 수정했는데 인스타는 수정을못하겠네요~ㅠ
인스타 수정 방법 좀 부탁드려요~^^;
링크된 메모 사이트도 인스타는 안되네요
카카오랑 인스타가 안되어서
카카오는 수정했는데 인스타는 수정을못하겠네요~ㅠ
인스타 수정 방법 좀 부탁드려요~^^;
링크된 메모 사이트도 인스타는 안되네요
htmlpurifier에서 인스타그램도 허용해주시면 됩니다
그 문제가 아니었네요 ㅠㅠ
auto.change.min.js 파일에 아래 코드에 오타가 있었네요.
https://www.instargram.com#[CODE] 원본
https://www.instagram.com#[CODE] 수정 도메인에 r이 하나들어있네요.
다른분들 참고하세요~^^
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
});
그런데 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
});