Simple Is Best | 좀... 이전

기본템플릿과 코드에... 다음

유튜브 리스트 플레이어 v_01

비타주리

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 4년 전 · 조회 4564 4564 · 댓글 24 24

링크

https://sir.kr/g5_skin/44490 (487)

유튜브 리스트 플레이어를 보드에 적용해 보았습니다.

게시판 글쓰기에서 아래의 형식으로 기입합니다.

playerOrder = 0;
headSkin = 1;
footSkin = 1;
youtubeList_1 = ['1번곡유튜브ID', '1번곡정보'];
youtubeList_2 = ['2번곡유튜브ID', '2번곡정보'];
youtubeList_3 = ['3번곡유튜브ID', '3번곡정보'];
.

동영상은 몇개라도 상관이 없으니 동일한 패턴으로 일련번호를 먹여주면 자동으로 리스트가 생겨납니다.

playerOrder = 0; --- 0은 처음이 랜덤이고 1을 주면 1번이, n을 주면 n번이 처음에 재생됩니다.
headSkin = 1; --- 상단 이미지스킨을 사용하면 1이고 아니면 0입니다.
footSkin = 1; --- 하단 이미지스킨을 사용하면 1이고 아니면 0입니다.

상하단의 이미지는 각기 게시판에서 첫번째 첨부파일과 두번째 첨부파일이 들어갑니다.

주의사항 있습니다. 게시글을 작성할 때는 아래처럼 html 에 체크한 후 "반드시" 자동 줄바꿈을 취소해야 합니다. 안 그러면 <br> 이 들어가서 이걸 걸러내는 파싱을 한번 더 해야 합니다. 그리고 따로 위의 형식 이외에 다른 글을 쓰면 그 글은 보이지 않습니다. 위의 형식만 입력하세요.

나중에 시간이 되면 위의 형식과 일반글을 ---------- 등으로 분기하여 split('----------)[0] 은 플레이어로, split('----------)[1] 은 일반글로 뿌려내게끔 만들어 보겠습니다.

988289629_1619156032.3919.jpg

게시글 목록에는 리스트 1번 파일의 썸네일이 표시됩니다.

만일 최신글에서 썸네일을 추출하려면 latest.skin.php 에서...

<?php echo "<script>".$list[$i]['wr_content']."document.write(youtubeList_1[0])</script>"; ?>

위와 같이 고유아이디를 추출할 수 있으니 아래의 방식 등으로 이미지태그를 걸어주세요.

<?php echo "<script>".$list[$i]['wr_content']."document.write('<img src=https://img.youtube.com/vi/'+youtubeList_1[0]+'/mqdefault.jpg>')</script>"; ?>

나머지 리스트의 스타일을 바꾸고 싶으면 pc 기준으로 159 번째에 클래스가 정의되어 있으니 참고하세요.

.list { font-size:10pt; padding:8px; text-align:center; border:1px solid #cccccc; cursor:pointer}

pc 기준 112~114 줄의 옵션 설명입니다.

listGap = '2px'; ----- 각 리스트간의 간격
backColor = { list_back:'#eeeeee', current_back:'#f7d7e4' }; ----- 리스트 기본배경색 / 현재동영상 배경색
rollColor = { roll_over:'#ff0000', roll_out:'#000000'}; ----- 마우스 오버 아웃시 색상

그리고 120 번째 줄 goMode = 1; 불린값에 따라 현재동영상이 끝나고 다음곡 자동넘기기가 될 때

1을 주면 전진방향 넘기기가 되고 0을 주면 후진방향 넘기기가 됩니다.

----------

만 6년만에 보드를 깔아보네요. 그때는 그누4를 썼었는데 그누5는 처음이라 좀 헤맸습니다.

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

2021년 5월 17일 문자정렬이 안 맞아서 약간 수정하여 다시 올립니다.

이전에 다운로드 받으신 분들은 새로 다운로드 받으시거나. 아니면

pc 스킨증 list.skin.php 의 153번째줄

<td class="td_name sv_use"> 를 아래처럼 바꿔주세요.

#모바일용 #PC용

버전 정보

테스트한 버전 5.4.5.3

호환 가능 버전 모두

첨부파일

1.jpg (95.9 KB) 0회 2021-04-23 14:47

youtube_01.zip (65.6 KB) 107회 2021-05-17 10:51

댓글 24개

rainbi

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전

와~~~
게시판에 적용된 플레이리스트 고맙습니다.

비타주리

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전

여분필드를 textarea 로 만들어서 적용해도 괜찮을 거에요. 감사합니다.

rainbi

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전

두번째 게시물을 다른 리스트를 만들어도 목록에선 인식하는데
본문드로 들어가면 youtubeList 변수가 첫번째 게시물만 보이네요
제가 적용을 잘못 한건지 제 서버 문제인지는 모르겠어요....ㅠㅠ

요약하자면 첫번째 게시물의 리스트를 다음게시물의 다른 리스트여도
(youtubeList_X) X가 동일하면 첫 게시물 리스트를 따라가는걸로 보여요..

비타주리

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전

저는 이상이 없는데요.ㅜㅠ
혹 따옴표 하나 빼먹진 않으셨는지...
정 안되시면 다른 방식으로 보충해서 담주에 올려 드릴게요.

rainbi

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전

고맙습니다. 주말 잘 보내세요~

아가싱즈

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전

벌써 나왔네요.
잘 사용하겠습니다.