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

그누보드5 스킨

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

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

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

첨부파일

youtube_02.zip (66.0K) 133회 다운로드 2021-05-17 10:58:06
테스트한 버전5.4.5.4
호환 가능 버전모두

본문

유튜브 리스트 플레이어 2번째 스킨입니다.

이번에는 동영상 제목을 입력할 필요가 없이 유튜브 아이디만으로 플레이어를 완성시켜 보았습니다.

또한 플레이어 상단에 현재 동영상의 제목이 보이게 하였고 양옆으로 전후진 버튼을 달았습니다.

 

988289629_1620999992.7172.jpg

 

1. html 체크박스는 체크를 하거나 하지 않거나 상관이 없습니다.

2. 유튜브 아이디 입력폼에 다음과 같이 기입합니다.

   1번아이디**2번아이디**3번아이디**4번아이디**5번아이디

   동영상의 숫자는 몇개라도 괜찮으니 ** 을 중간에 끼우면서 원하는 숫자만큼 동일형식으로 입력하세요.

3. 본문을 작성하면 플레이어 밑으로 배치됩니다. 본문보이기에 체크합니다.

   본문을 사용하기 싫으면 대충 아무 글자나 적어주고 본문숨기기에 체크합니다.

4. 상하단 스킨이미지를 사용하려면 첫번째 첨부파일과 두번째 첨부파일로 업로드해 줍니다.

   상하단 스킨이미지를 사용하고 싶지 않으면 업로드 자체를 하지 않으면 됩니다.

5. 동영상을 하나만 사용하려면 ** 필요없이 아이디 하나만 입력하여 사용하세요.

 

988289629_1621000380.2673.jpg

 

폰트 등을 꾸미려면 view.skin.php 에 <style> 이 정의되어 있으니 찾아서 고쳐주세요.

리스트에서 보이는 이미지는 첫번째 유튜브의 썸네일 이미지입니다.

최신글에서 latest.skin.php 로 게시판을 불러올 때 썸네일 이미지를 사용하고 싶으면...

 

<?php
    $img_list = explode("**", $list[$i]['wr_1']);
    echo "<img src=https://img.youtube.com/vi/".$img_list[0]."/mqdefault.jpg>";
?>

 

위와 같이 추출하여 사용하시기 바랍니다.

 

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

 

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

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

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

 

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

<td class="td_name sv_use" style=text-align:center>

추천
14

댓글 전체

감사히 잘 쓰고 있습니다. 아직 초보라 모르는 부분이 많습니다. 이미지에 보시면 왼쪽 부분에

테두리 선이 안 보이는데요. 어디에서 수정하면 선이 보일까요?
pc 의 경우 list.skin.php 130번째 줄

<img style=width:120px;border:none;margin-right:20px src=https://img.youtube.com/vi/<?php echo $img_list[0]; ?>/mqdefault.jpg>

를 아래처럼 바꿔줍니다, #cccccc 는 본인이 원하는 색상코드로 바꿔주면 되구요.

<img style="width:120px;border:none;margin-right:20px;border:1px solid #cccccc" src=https://img.youtube.com/vi/<?php echo $img_list[0]; ?>/mqdefault.jpg>

모바일의 경우는 92번째 줄

<img style=display:block;width:100%;border:none;margin-right:10px src=https://img.youtube.com/vi/<?php echo $img_list[0]; ?>/mqdefault.jpg>

를 아래처럼...

<img style="display:block;width:100%;margin-right:10px;border:1px solid #cccccc" src=https://img.youtube.com/vi/<?php echo $img_list[0]; ?>/mqdefault.jpg>
댓글 감사합니다. 근데 이미지에 빨간색으로 표시된 부분의 테두리 선이 안 보입니다. 어디에서

수정해야 하나요?
진작에 다운받아놓고 이제 적용해보는데요.
유튜브관련 스킨 중에 가장 좋습니다.
리스트에서 썸네일도 추출이 되고 교회설교, 학원영상강의 등 다양하게 사용이 될 수 있을 것 같습니다.
생각한 것을 구현할 수 있는 능력이 부럽습니다.
감사드립니다. ^^
http://pws.co.kr/bbs/board.php?bo_table=youtube_02&wr_id=3
제가 연말까지는 백수입니다.ㅋ
한 10년을 그누에 안 들어오다가 재입성한지 2달 정도가 되는데 연말까지는 일종의 그누게시판 "포트폴리오(?)"를 만드는 기간이라 생각하고 있어요.
가장 야심차게 생각하고 있는 건 "메타스킨"입니다. 글쓰기 모드에서 내가 다운로드 받은 모든 스킨 중 하나를 선택할 수 있는 기능이죠.
유튜브 게시판도 통합을 생각하고 있어요. 유튜브와 mp3 와 mp4 모두를 포괄하는 스킨이에요.
늘 격려 주셔서 감사합니다.
다양한 스킨을 만들어 주셔서 감사할 따름입니다.
view.skin.php에 보니까 자바스크립트로 길게 코드를 작성하셨는데요.
그누보드 스킨에 적용하는 자바스크립트 코드가 나와있는 것이 없을 것 같고, 참고할 만한 것도 없을 것 같습니다.
 그렇다면 직접 하나 하나 자바스크립트로 코드를 만든 것인가요?
예 혼자 메모장플러스에서 날코딩 합니다.
먼저 기본소스를 짜고 게시판에 적용할 때는 여분필드 입력부분만 바꾸지요
근데 이런 건 제가 예전에 플래시 액션 스크립트 작성하는 것에 비하면 짧은 코드에요.
물론 유튜브 API 는 필요합니다.
사용자가 퍼가기 허용 금지를 한 동영상은 "너무나 당연히" 그렇게 됩니다.
만일 본인이 꼭 모두에게 보여주기를 원하는 컨텐츠라면 본인 유튜브 계정에 동영상을 직접 업로드하시고 퍼가기 허용 설정을 해 주세요.
전체 2,423 |RSS
그누보드5 스킨 내용 검색

회원로그인

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