유튜브 리스트 플레이어 v_03 > 그누보드5 스킨

최신글 매뉴얼 FAQ
그누보드5
그누보드6
가이드
포럼
  • Q&A
  • 파이써니스타
  • 이슈
  • 버그신고
  • 사용후기
    • 자료실
  • 다운로드
  • 팁자료실
  • 스킨
  • 테마
  • 플러그인
    • Q & A
    궁금한 게 있으신가요? 지금 질문해보세요!
    솔루션
    프로그래밍
    서버
    사이트운영
    컨텐츠몰
    나의 재능을 팔아보세요!
    부가서비스
    프로모션! 신용카드 결제수수료 2.9%
    제작의뢰
    커뮤니티
    커뮤니티
    소모임
    스터디
    강좌
    기타
    매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

    그누보드5 스킨

    좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

    유튜브 리스트 플레이어 v_03 정보

    게시판 유튜브 리스트 플레이어 v_03

    첨부파일

    youtube.zip (415.6K) 247회 다운로드 2021-07-20 19:51:24
    테스트한 버전5.4.9
    호환 가능 버전아마도 모두

    본문

     

    2021년 7월 20일 20시에 리스트형을 추가하면서 파일과 설명글을 새롭게 업뎃했습니다.

     

    -------------------

     

    1. 기본형 옵션은 예전 플레이어와 대동소이합니다.

    상하단 이미지스킨을 넣을 수 있구요. 기본형으로 체크합니다.

     

    https://sir.kr/g5_skin/44231

    https://sir.kr/g5_skin/44490

     

    2949930895_1626714513.1806.jpg

     

    -------------------

     

    2. 채널형과 리스트형이 추가되었습니다. 아래처럼 채널형과 리스트형을 상황에 맞게 아이디를 추출합니다.

     

    2949930895_1626777729.0838.jpg

     

    --------------------

     

    3. 최대글자수 조절 옵션이 추가되었습니다. 제목이 길 경우 사용하세요. 제목을 모두 쓰려면 0 을 줍니다.

    4. 최대목록수는 모두 사용할 경우 0을 주고 8개만 쓰고 싶으면 8을 줍니다.

    개별 게시판에서는 필요가 없고 15개 목록을 가진 채널형과 리스트형을 쓸 때 사용합니다.

    5. 각 엘레먼트의 간격픽셀을 주는 옵션도 있습니다.

     

    2949930895_1626778528.5391.jpg

     

    --------------------

     

    모바일 글쓰기는 불가능합니다.

    물론 모바일로 보여지기는 잘 보여지니까 게시글 작성은 pc 디바이스에서 해 주세요.

     

    -------------------

     

    2021년 7월 20일 20시에 리스트형을 추가하면서 파일과 설명글을 새롭게 업뎃했습니다.

    추천
    22
    #PC용 #모바일용

    댓글 전체

    김철용 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 21.07.20 05:59:42
    좋은 스킨을 공개해주셔서 감사드립니다.
    생각하시는대로 만들어내시는데요. 진정한 능력자십니다.^^
    기본형은 이전 공개 스킨에서 나왔는데요. 기본형 스킨도 잘 사용하고 있습니다.
    채널형은 정말 히트입니다.
    그누보드에 유튜브 관련 스킨이 많은데 가장 유용하게 사용 될 것 같습니다.
    채널형을 선택해서 채널을 정해주면 그 채널에서 업데이트 할때마다 자동으로 유튜브 영상이 나오게 되는군요.
    유튜브를 운영하면서 정기적으로 업데이트하는 사람이나, 특정 채널의 동영상을 많이 보는 경우에 정말 유익할 것 같습니다.
    채널형에서 채널이름을 입력하라고 했는데 유튜브 아이디값만 몇번 입력하다가 한참 후에 채널이름을 입력하니 잘 되네요.
    https://www.youtube.com/channel/UCYy_S-Tb7CbOhBfWK5IM61w 여기에서
    channel/ 다음에 있는 UCYy_S-Tb7CbOhBfWK5IM61w 이것이 채널이름이네요.
    한참 헤맸어요^^
    몽당s연필 자기소개 아이디로 검색 전체게시물 회원게시물 21.07.20 09:11:00
    감사합니다,, 추천 꾸우욱,, ^^
    적용해 보니 잘 됩니다
    목록에0 값을 주고 작성하면 15개의 목록이 나옵니다
    최대 목록이15개인가요. .15개 넘어가니깐 제목과 제목사이를 나누는 선들이 사라져요..
    김철용 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 21.07.20 23:39:12
    리스트형도 추가하셨네요. 고맙습니다.
    유튜브를 운영하는 경우에 재생목록을 만들 수 있는데요.
    재생목록 안에있는 영상을 클릭하면 주소창에 list가 나오고, 재생목록을 만들지 않은 경우에 영상을 클릭하면 유튜브 아이디만 나오고 list가 보이지 않는데요.
    채널형은 유튜브 채널을 입력하면 채널전체에서 순서대로 나오고,
    리스트이름을 입력하면 재생목록안에 있는 영상이 순서대로 나오고 신기합니다.^^
    유튜브 스킨의 끝판왕이라 할 만합니다.
    비타주리 자기소개 아이디로 검색 전체게시물 회원게시물 21.07.21 01:34:11
    채널형과 리스트형은 유튜브에서 제공하는 rss xml 을 php 에서 파싱하는 것입니다. 최신글 15개까지만 제공됩니다.
    문서 파싱의 기본만 알면 누구나 할 수 있어요. 개발자의 기본 중의 기본이 문자열에서 원하는 부분만 배열화하고 이를 표현하는 것이니까요.
    그게 더 단순한 패턴으로 추상화되면 드디어 "정규표현식"이라는 이름을 가지게 되는 거구요.

    https://www.youtube.com/feeds/videos.xml?channel_id=UCEf_Bc-KVd7onSeifS3py9g
    https://www.youtube.com/feeds/videos.xml?playlist_id=RDCLAK5uy_k27uu-EtQ_b5U2r26DNDZOmNqGdccUIGQ

    위 링크에서 아이프레임 소스 부분과 곡정보 타이틀 부분과 필요하다면 썸네일 주소 부분의 문자열만 빼서 배열이나 오름차순 변수에 담아 작업하면 됩니다.
    비타주리 자기소개 아이디로 검색 전체게시물 회원게시물 21.07.23 13:20:30
    음... 제가 이런 불행한 사태가 생길 줄 알았습니다.ㅜㅠ
    아마도 본인이 세팅한 서버이거나 아니면 호스팅을 사용하거나 php 에서 curl 을 사용하지 못하는 설정일 거에요.
    호스팅 회사에 홈페이지가 세팅이 되어 있으면 도리가 없습니다.
    방법은 제가 노가다를 한번 더 해야 되겠네요...
    curl 이 허용되는 사이트에 걸치기 파일을 하나 올리고 겟변수로 rss 주소를 준 후에 문자를 파싱한 후 그걸 js 파일처럼 불러서 사용해야 합니다.
    다음 주중에 하나 올릴게요.
    벌이뉨 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 21.07.24 20:18:54
    유용한 스킨 정말 감사합니다. 아이폰에선 플레이 리스트가 안뜨는 군요.


    한가지 질문 있는데요. 모바일에선 창을 닫고 계속 플레이어로 플레이되게 하려면 xml 형식으로 플레이리스트를 만들고 비디오플레이어에 값을 입력해줘야 하는 걸로 알고 있는데요.

    지금은 개발한 방식이 그렇게는 안되어 있는 것 같아 여쭙니다.

    아래는 제가 공부한다고 이것 저것 디진 참고 내용이구요.
    https://yyht.tistory.com/1139  //요곤  jwplayer에 넣는 리스트 인거 같은데요.

    제가 비타주리님 게시판을 모바일로 테스트를 못해서 창을 닫고 자동으로 재생되는지 궁금하네요. ^^ 좋은 스킨 정말 감사합니다.
    비타주리 자기소개 아이디로 검색 전체게시물 회원게시물 21.07.24 21:28:30 모바일
    아이폰은 제가 안 써서 몰라요.
    되는 것도 있고 안 되는 것도 있고... 폰트 css 문제라 그 부분만 고쳐 쓰시면 됩니다.

    링크 주신 jw 플레이어는 플래시 플레이어에 유튜브 flv 를 걸치기하여 swf 에서 임베드태그로 띄우는 방식인데 현재에는 완벽하게 멸망한 방식입니다.

    창을  닫으면 재생되지 않습니다. 창 안에 플레이어가 있거든요.
    물론 창을 닫아도 재생되는 것처럼 보이게끔 하는 방식은 있습니다만 별로 사용하고 싶은 방식은 아니라서요.

    더구나 pc만 생각했던 예전과는 달리 pc와 모바일 모두에게 반응형으로 보여지려면 기능 하나를 붙일 때마다 고민해야할 경우의 수가 많아져서 제가 생각하기에 의미없는 기능은 붙일 생각이 없답니다.

    여튼 감사드립니다.
    진강산가재 자기소개 아이디로 검색 전체게시물 회원게시물 21.10.12 08:34:06
    안녕하세요.
    좋은 스킨 너무나 감사합니다.
    그런데 제가 아미나(나리야) 빌더를 사용하고 있는데
    제목의 길이를 길게해도  아래 그림과 같이 좁게 나타나네요.
    도와주십시요. 그림에서 1 부분이 제목이 짧게 나오는 부분이고
    2부분이 여백으로 나타나는 부분입니다.

    masahide 자기소개 아이디로 검색 전체게시물 회원게시물 21.11.02 01:52:24
    멋진 스킨 정말 감사합니다.
    적용해보니 잘 작동하는데, 한가지 문제(?)가 있는거 같습니다.

    게시판 전체목록보이기 사용을 안하면 아무런 문제 없는데,
    게시판 전체목록 보이기를 사용을 할 경우,
    영상이 제대로 나오질 않습니다.

    예를 들어 1번 게시물을 볼 땐 1번 영상이 제대로 보여지는데,
    2번 게시물을 볼 땐 1번 게시물 영상 + 2번 게시물 영상이 같이 보이고,
    3번 게시물을 볼 땐 1번 + 2번 + 3번이 같이 보이네요.

    아니면 3번 게시물을 봐도 1번 게시물의 영상만 나오기도 합니다.

    게시물을 기본형, 채널형, 리스트형... 어떤것으로 올렸는지에 따라 약간씩 증상이  다르기는한데
    전체목록 보이기를 사용할때는 정상작동 하지 않는거 같습니다.

    올려주신 원본 파일 수정한거 없는데 이러네요.

    지금 대략 살펴보니 전체목록 보기를 사용할 시 리스트화면에 보이는 썸네일 이미지의 영향을 받는거 같습니다.
    썸네일 부분을 빼니 정상작동 하거든요.

    혹시 이거 해결 방법이 있을까요?
    비타주리 자기소개 아이디로 검색 전체게시물 회원게시물 21.11.04 11:05:19
    제가 간과한 부분이에요.
    view 페이지와 list 페이지에서 사용하는 자바스크립트의 변수이름이 동일하기 때문에 그렇습니다.
    그래서 마지막에 사용되는 변수가 앞의 변수를 갱신해 버리거든요.
    차후 업뎃시 반영하겠습니다.
    비타주리 자기소개 아이디로 검색 전체게시물 회원게시물 21.11.04 21:03:18
    pc 와 모바일 두 개의 list.skin.php 에서...
    ytList_ 라는 문자열(마지막에 _:언더바까지)을 검색하면 총 3개가 나올 것입니다.
    이 문자열 3개를 youtubeList_ 라는 문자열(마지막에 _:언더바까지)로 바꿔주세요.
    그럼 동일명 변수 문제가 사라지면서 목록과의 충돌이 생기지 않게 됩니다.
    xpem 자기소개 아이디로 검색 전체게시물 회원게시물 21.11.03 00:54:55
    저기 혹시 마지막 영상 재생되고 끝났으면 좋겠는데, 다시 처음으로 돌아가서 재생을 시작하더군요. 리스트를 한번만 재생하고 끝나게 하려면 어떻게 해야하는지 도움을 얻을 수 있을까요? 귀한 작품 배포해주셔서 깊이 감사드립니다. orz
    비타주리 자기소개 아이디로 검색 전체게시물 회원게시물 21.11.04 11:28:51 
    
function onPlayerStateChange(event) {
	if (event.data == YT.PlayerState.ENDED) ytGo(goMode ? 'next' : 'prev');
}

    yoytube.php 에서 위의 부분을 찾아
    아래처럼 바꿔주세요. 
    
function onPlayerStateChange(event) {
	if (event.data == YT.PlayerState.ENDED) {
		if (listNumber == listTotal) divPlayer.pauseVideo();
		else ytGo(goMode ? 'next' : 'prev');
	}
}

    참고로 유튜브 API 를 살펴보면 동영상이 끝나면 발생시키는 이벤트를 아래처럼 설명해 주더라구요. 
    
function onPlayerStateChange(event) {
	if (event.data == YT.PlayerState.ENDED) {
		동영상이 끝나면 발생시킬 이벤트
	}
}
    xpem 자기소개 아이디로 검색 전체게시물 회원게시물 21.11.04 12:56:32
    와~ 굿입니다! 어찌어찌해서 그날 처리를 했습니다만, 비타주리님의 방법이 훨씬더 좋습니다! (아 엄지척 이모티콘이 댓글에서는 제대로 안보여지네요... ㅜㅜ;)
    키스 자기소개 아이디로 검색 전체게시물 회원게시물 22.07.23 18:26:25
    그누보드를 즐겁게 사용할 수 있는 좋은 스킨입니다! 다른 분들에게도 추천하고 있습니다.

    그런데, 채널형 아이디 입력에서요, 브랜드 채널은 아이디를 넣어도 작동이 되지 않네요?
    일반 채널형 말고, 브랜드형... 그러니까 맞춤 채널도 사용하고 싶으면 어떻게 하면 좋을까요?

    예를 들어,
    일반 채널은 youtube.com/channel/UCUZHFZ9jIKrLroW8LcyJEQQ 형식이고
    브랜드 맞춤 채널은 youtube.com/c/UCUZHFZ9jIKrLroW8LcyJEQQ 형식입니다.

    스킨의 youtube.php에서 컨트롤 하도록 만드신 거 같은데, 어느 부분에 어떤 것을 추가하면 이게 가능할까요?
    비타주리 자기소개 아이디로 검색 전체게시물 회원게시물 22.07.23 20:08:08
    음... 제가 사용하는 방법은 유튜브에서 공개한 rss xml 을 파싱해서 사용하는 방법입니다.

    https://sir.kr/g5_tip/16496

    여기서 브랜드 맞춤 채널의 rss 를 공개하고 있는지 아닌지를 알 수가 없어서...
    만일 미공개라면 이 방식으로는 불가능합니다.
    비타주리 홈페이지 자기소개 아이디로 검색 전체게시물 회원게시물 23.02.03 14:50:39
    오래 전에 짠 코드라 제가 다시 독해하려해도 시간이 좀 걸리네요...
    아마도 api 키를 받아야 할 듯 한데. 제가 api 키를 받고 이리저리 만져볼 마음 자체가 없는지라... 테스트도 못할 것 같네요.
    전체 2,434 |RSS
    그누보드5 스킨 내용 검색

    회원로그인

    (주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
    사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
    © SIRSOFT