유튜브 플레이어 메뉴 버전입니다. > 그누보드5 스킨

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누보드5 스킨

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

유튜브 플레이어 메뉴 버전입니다. 정보

레이아웃 유튜브 플레이어 메뉴 버전입니다.

첨부파일

youtube.tar (14.0M) 99회 다운로드 2019-08-10 07:45:55
youtube텍스트메뉴.tar (14.2M) 35회 다운로드 2019-08-10 16:06:48
테스트한 버전5.3
호환 가능 버전5.3이상 html5 환경

본문

안녕하세요 두리삼촌입니다.

 

본 유튜브 플레이어는 그누보드5 스킨이 아닌 일반 웹페이지 입니다.

유튜브를 추가 및 수정 하실때는 에디터 플러스등과 같은 편집프로그램이나

노트패드(메모장)등으로 열어서 수정. 추가를 해주셔야 함을 을려드립니다.

 

얼마전 파이랑님께서 제가올린 Jplayer 기반 음악플레이어를 유튜브 플레이어로

수정해주셨습니다. 또한 돌아온헌이님께서 유튜브 api 스크립트를 이용.

기존 쥬크박스에서 유튜브가 실행되도록 변경해 주셨습니다.

저는 위 두분께서 만들어두신 유튜브 플레이어를 초보자분들께서 보다 쉽게 이용할수 있도록

조금만 수정했습니다.

 

파아랑님과 돌아온헌이님 두분께서 노력끝에 완성하신 멋진 유튜브 플레이어를 그누보드 이용자분들께

오픈해 주신데 대해 진심으로 감사를 드립니다.

 

웹서버의 적당한 위치에 압축해제한 파일을 올리신후 익스플로러나 크롬에서 불러오시면 됩니다.

ex. http://도메인주소/youtube/youtubeplayer/player/index.php

ex. http://도메인주소/폴더명/youtube/youtubeplayer/player/index.php

위의 예시처럼 알맞은 경로에 업로드해 사용하시기 바랍니다.

 

자세한 사항은 : https://sunday.iwinv.net/bbs/board.php?bo_table=bbs_005&wr_id=11

에서 참고바랍니다.

 

자신의 홈페이지에 메뉴를 클릭했을때 팝업으로 불러오기(아래 참조)

<a href="#유튜브" onclick="window.open('http://도메인주소/youtube/youtubeplayer/player/index.php','_blank', 'width=495, height=755, toolbar=no, menubar=no, scrollbars=yes, resizable=yes');" onfocus="this.blur()">유튜브 플레이어</a>

 

쥬크박스(음악전용): https://sir.kr/g5_skin/25095?sfl=wr_subject%7C%7Cwr_content&stx=%EC%9C%A0%ED%8A%9C%EB%B8%8C


일전에 올려놓은 유튜브 플레이어를 좀더 사용하실때 확장성을 고려해 플레이어 상단에

메뉴를 추가했습니다. 상위  youtube.tar 파일을 다운받아 압축을 해제하신후

에디트 플러스 편집기 또는 메모장으로 youtube/youtubeplayer/player/폴더내에 있는

index.php

player_01.php

player_02.php

player_03.php 이하 생략..

등의 파일을 본인의 환경에 맞게 수정해 주시기 바랍니다.

image_map.php는 인클루드 함수로 편리하게 적용하시라고 이미지맵을

따로 만들어 둔것이니 참고하십시요 index.php 63번줄에 예제로 적용해 두었습니다.

 

play_02.php 파일 속성에 65~75번줄까지가 image_map.php에 적용한 이미지맵 입니다.

play_02.php처럼 여러 페이지를 만들어서 사용(예: 드라마1페이지 2페이지 3페이지 4페이지..등등)해야될 경우 이미지맵 서브메뉴의 top. prev. next 메뉴 속성을 원하시는 속성으로 고쳐주시면 됩니다.

자세한 사항은 play_02.php 파일을 편집기나 텍스트로 열어 살펴보시기 바랍니다.

감사합니다.

 

파일전체를 기존 이미지맵 메뉴에서 텍스트메뉴로 적용해놓았습니다.

메모장 또는 편집기로 원하시는 파일을 열고 <body OnLoad="allblur();"> 바로아래

아래 소스를 넣어주시면 됩니다. 이후 사용하시고자 하는 경로로 속성 파일명을 바꿔주세요

서브메뉴가 없을경우 <? include "menu.php"; ?> 호출함수로 아래 소스를 일괄 적용해주시고

만약 주메뉴 아래 서브메뉴가 필요할경우 원하시는 각각 페이지를 열어 menu.php 속성에 있는 태그를

전부 복사하여 <body OnLoad="allblur();"> 아래 붙여넣기 해주시고 속성의 각 연결파일명을

만들어두신 파일명으로 바꿔주시면 됩니다.

 

 

<a href="index.php" onfocus="this.blur()"><font color="#000000" face="eunsolee10">| 음악 |</font> <a href="play_01.php" onfocus="this.blur()"><font color="#000000" face="eunsolee10">영화 | </font>
<a href="play_02.php" onfocus="this.blur()"><font color="#000000" face="eunsolee10">드라마 |</font> <a href="play_03.php" onfocus="this.blur()"><font color="#000000" face="eunsolee10">다큐 | </font>
<a href="play_04.php" onfocus="this.blur()"><font color="#000000" face="eunsolee10">시사교양 |</font> <a href="play_05.php" onfocus="this.blur()"><font color="#000000" face="eunsolee10">개인방송 | </font>
<br>
<a href="#" onfocus="this.blur()"><font color="orchid" face="eunsolee10">Top * </font>
<a href="#" onfocus="this.blur()"><font color="orchid" face="eunsolee10">Prev * </font>
<a href="#" onfocus="this.blur()"><font color="orchid" face="eunsolee10">Next</font>
<br>
<br>

 

######

포인트가 없는분을 위해 파일을 다운받을때 포인트 차감없이 받을수 있도록 해놓았습니다.

대신 댓글을 남겨주시면 저에게 소정의 포인트가 누적되오니 다운받으실때 댓글좀 부탁드리겠습니다.

여러분의 댓글은 저에게는 큰 힘이 됩니다...

 

추천
18

댓글 전체

네..그 폴더 안에 위에 말한 파일이 없어서요.
제가 다시 받아 볼께요...^^

==> 다시 받으니 파일들이 있네요..^^ 감사합니다.
유튜브 플레이어 상단에 메뉴는 어디서 고쳐야 할까요??
음악, 영화, 드라마, 다큐, 기타등등....
이런 메뉴는 어디서 고쳐야 할까요???
텍스트 메뉴용으로 하나더 올려놨어요 상위 youtube텍스트메뉴.tar 다운받아서
원하시는 메뉴제목으로 고쳐서 사용하세요 텍스트라 임의로 메뉴 수정이 가능합니다.
각각 파일을 열어보시면 드라마파일 play_02.php와 해당파일의 서브파일 play_0202.php / play_0203.php / play_0204.php 에만 텍스트 메뉴를 해당파일안에 직접 적용해 주었고 서브메뉴가 없는 나머지 index.php부터 play_05.php 까지는 텍스트메뉴 파일 menu.php를 새로만들어 <? include "menu.php"; ?>
함수로 일괄 연결해 주었습니다. 파일을 열어서 확인해 보세요... 감사합니다 ^^
감사합니다. 좋은 소스 공개 해주셔서..이제 어떻게 사용하는지...이해 했습니다.
제가 좋아 하는 노래 몇곡 올려서 테스트 중입니다. 노래 들으러 오세요~~~
http://livemusic.co.kr
호텔천사님 감사합니다 사이트 운영하시는데 도움되시길 바랍니다.
그리고 플레이어는 엄연히 최초배포는 제가한게 맞지만 파아랑님과 헌이님께서 다하신걸 저는단지
초보자분들께서 사용하시기 쉽게 약간 두분이 수정하신걸 재수정 한것뿐입니다. 감사합니다.
주향기님 위에 보시면 텍스트메뉴 버전으로 파일을 하나더올려놨어요
다운받아서 확인해보시고 원하시는 메뉴로 고쳐서 사용하세요 ^^
두리삼촌님 감사합니다
말씀하신부분 다 이해했어요
집에서 다시 차근차근 살펴봐야겠네요
왕초보인 저한테 맞춰주셔서 감사합니다
향기님 예쁜스킨 잘 사용하세요. 파아랑님과 헌이님이 만들어주신걸 저는 아주약간 수정한거에요 그 두분께서 다 이뤄놓으신거에요 원래 배포는 제가한게 맞지만 두분께서
고생하셨죠... 암튼..좋은주말되세요 몇일만 지나면 더위도 물러가니 그때까지 잘버티시고요 ㅎㅎㅎ 그럼 화이팅!! ^^
두리삼촌님 감사해요
이제 완벽하게 이해했어요
예제 파일 하구 향기가 작업한 파일하구 비교해가면서 테스트해보니 메뉴가 바뀌더라구요
이미지 작업은 잘 못해서 텍스트 메뉴로만 사용해야겠지만... 나중에 디자인쪽으로 배우게 되면 그때 이미지메뉴 작업해 봐야겠어요
수고하셨구요 감사합니다
감사합니다. 혹시 플레이어의 메뉴바가 자동으로 숨겨지던데 계속 보여주게 할려면 어떻게 해야 하는지요.ㅠㅠ 재생, 정지, 다음 버튼..ㅠㅠ
선생님 질문하나만 더..
팝업으로 말고 페이지에서 바로 띄울때 플레이어의 넓이가 고정되어 있는데
넓이를 100% 로 해서 모바일에서도 볼때도 화면이 딱 맞게 나오고 싶은데 어디소스를 고치면 되는지요.ㅠㅠ
답변늦어서 죄송합니다 해당문제는 파일 저장시 인코딩 문제일듯 합니다.
에디터나 텍스트로 .php 파일을 저장하실때 인코딩 부분을 UTF-8로 체크해준후 저장하십시요.
전체 2,434 |RSS
그누보드5 스킨 내용 검색

회원로그인

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