트위터, 유튜브, 인스타그램 자동변환(1.15 비메오, 데일리모션 추가)
설명을 어떻게 해야될지 모르겠네요.
지정한 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 이전에 받으신분은 다시 받아주세요
비메오 및 데일리모션도 추가하였습니다
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 35개
저는 안됩니다.
그래도 넣고 저장 후 게시판을 보니 온통 다 깨저 나옵니다.
$(function() {
$('#bo_v_con').GnuView(
{
width:510,
height:315,
youtube:true,
instargram:true,
kakao:true,
twitter:true,
});
});
이대로 복사해서 그냥 아무대나 붙이면 안되는가봐요
완존 초보라,,.
[http://sir.kr/data/editor/1901/79e0002d59510f6e210fedbcf493ff52_1547446984_3887.gif]
게시판 내용에 적용하는 소스를 한번 올려주시면 안될까요?
적용을 해보니..깨지는 것은 없는데...
적용은 안되는거 같아...어딘가 제가 잘못하는거 같네요
ㅠㅠ
집에 가서 해봐야겠네요
스킨 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>
샘플 링크에 글쓰기 해서 주소 삽입해도 동영상이 나오지 않네요
혹시나 해서 테스트 결과 잘 됩니다.
죄송한데..
위에 소스를 적용한 게시판 스킨을 통체로 올려주시면 안될까요?
카카오랑 인스타가 안되어서
카카오는 수정했는데 인스타는 수정을못하겠네요~ㅠ
인스타 수정 방법 좀 부탁드려요~^^;
링크된 메모 사이트도 인스타는 안되네요
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 오타 수정했는데도 안되네여..
안되는건 데모페이지 댓글로 남겨두었습니다..
글 쓸때 Write.skin에 넣었는데 작동하지않네요 ㅠㅠ
아래와 같이 삽입하세요.
<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>
그리고 글쓰기에서 링크주소 적어주면 바로 동영상 나옵니다.
중앙 정렬시켜도 좌측으로 붙어서요.
아니면 사이즈 수정이라도요.
어느날 부터 작동을 안하네요. ㅠㅠ