유튜브 리스트 플레이어 v_02 정보
게시판 유튜브 리스트 플레이어 v_02관련링크
첨부파일
본문
유튜브 리스트 플레이어 2번째 스킨입니다.
이번에는 동영상 제목을 입력할 필요가 없이 유튜브 아이디만으로 플레이어를 완성시켜 보았습니다.
또한 플레이어 상단에 현재 동영상의 제목이 보이게 하였고 양옆으로 전후진 버튼을 달았습니다.
1. html 체크박스는 체크를 하거나 하지 않거나 상관이 없습니다.
2. 유튜브 아이디 입력폼에 다음과 같이 기입합니다.
1번아이디**2번아이디**3번아이디**4번아이디**5번아이디
동영상의 숫자는 몇개라도 괜찮으니 ** 을 중간에 끼우면서 원하는 숫자만큼 동일형식으로 입력하세요.
3. 본문을 작성하면 플레이어 밑으로 배치됩니다. 본문보이기에 체크합니다.
본문을 사용하기 싫으면 대충 아무 글자나 적어주고 본문숨기기에 체크합니다.
4. 상하단 스킨이미지를 사용하려면 첫번째 첨부파일과 두번째 첨부파일로 업로드해 줍니다.
상하단 스킨이미지를 사용하고 싶지 않으면 업로드 자체를 하지 않으면 됩니다.
5. 동영상을 하나만 사용하려면 ** 필요없이 아이디 하나만 입력하여 사용하세요.
폰트 등을 꾸미려면 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
댓글 전체
잘 적용해보도록 하겠습니다.
유튜브 아이디만 있으면 되니까
너무나 편리하고 좋습니다.
감사드려요.
테두리 선이 안 보이는데요. 어디에서 수정하면 선이 보일까요?
<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 는 필요합니다.
만일 본인이 꼭 모두에게 보여주기를 원하는 컨텐츠라면 본인 유튜브 계정에 동영상을 직접 업로드하시고 퍼가기 허용 설정을 해 주세요.
잘 쓰겠습니다.
행복한 밤 되세요