트위터, 유튜브, 인스타그램 자동변환(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 이전에 받으신분은 다시 받아주세요
비메오 및 데일리모션도 추가하였습니다
추천
9
9
댓글 전체
초보라서 그런데 아래 소스를 어디에 어떻게 넣어야 하나요
사용하는 스킨의 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
});
좋네요
카카오 재생 주소가
기존 https://play-tv.kakao.com/channel/3190328/cliplink/404066543에서
https://tv.kakao.com/channel/3190328/cliplink/404066543로 변경된것 같아요!
카카오 티비 주소만 가져와서 하니 안되네요.
그리고 인스타도 안되는데,,,, 위 열공중님이 말씀해주신데로 오타? instargram 오타 수정했는데도 안되네여..
안되는건 데모페이지 댓글로 남겨두었습니다..
기존 https://play-tv.kakao.com/channel/3190328/cliplink/404066543에서
https://tv.kakao.com/channel/3190328/cliplink/404066543로 변경된것 같아요!
카카오 티비 주소만 가져와서 하니 안되네요.
그리고 인스타도 안되는데,,,, 위 열공중님이 말씀해주신데로 오타? instargram 오타 수정했는데도 안되네여..
안되는건 데모페이지 댓글로 남겨두었습니다..
말씀하신 부분뿐만 아니라 JS파일 열어서 instar을 전부 insta로 바꾸니까 잘되네요~ 그리고 카카오도 말씀하신대로 play-tv를 tv.kko로 바꾸니까 잘됩니다~
감사합니다 잘되네요~
혹 나리야에서도 사용가능할까요??
글 쓸때 Write.skin에 넣었는데 작동하지않네요 ㅠㅠ
글 쓸때 Write.skin에 넣었는데 작동하지않네요 ㅠㅠ
스킨 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>
그리고 글쓰기에서 링크주소 적어주면 바로 동영상 나옵니다.
아래와 같이 삽입하세요.
<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>
그리고 글쓰기에서 링크주소 적어주면 바로 동영상 나옵니다.
혹시 영상을 중앙으로 오게 할 수 있나요?
중앙 정렬시켜도 좌측으로 붙어서요.
아니면 사이즈 수정이라도요.
중앙 정렬시켜도 좌측으로 붙어서요.
아니면 사이즈 수정이라도요.
감사합니다! 트위터 링크 주소 일부가 노출이 되는데 숨길 수 있는 방법이 있을까요?
잘 사용하고 있었는데
어느날 부터 작동을 안하네요. ㅠㅠ
어느날 부터 작동을 안하네요. ㅠㅠ
