PC 반응형 음악플레이... 이전

반응형 유튜브 플레이... 다음

반응형 유튜브 플레이어 (모바일 호환, 퍼플스킨) 버전

두리삼촌v

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

· 2020-07-31 (금) 23:47:57 · 조회 5674 5674 · 댓글 18 18

링크

http://eunsolee.net/m.youtube_pl54_v2/popup.html (680) http://eunsolee.com/m.youtube_v2/popup.html (497)

안녕하세요 두리삼촌입니다. 오랜만에 여러분께 인사드립니다.
이번에는 유튜브 플레이어를 모바일 환경에서 사용할수 있도록
반응형으로 수정하여 재배포 합니다.

파일은 모두 두가지 입니다.

첫번째 파일은 euc kr

두번째 파일은 utf-8 버전입니다. 그누보드 사용자 분들은 대부분 utf-8 문자셋이나

간혹 php의 버전문제로 euc-kr 버전이 필요한분도 계실듯해서 두가지로 올립니다.

03. 유튜브 영상의 Responsive(반응형) 크기설정.
     스마트폰과 같은 모바일 접속시 테블릿 및 노트북을 비롯한 크기 자동조절.
    49번째줄     width: 100%; } 부분의 100%를 원하는 크기로 수정하시면 됩니다.
    (되도록 수정하지 않는것을 권장합니다.)
    .jp-video-360p {
    width: 100%; }

04. 플레이어의 폰트사이즈
dist/skin/pink.flag/css/jplayer.pink.flag.css 를 편집기등으로 여신후

32번째줄
font-size: 21px; 부분을 수정해주세요

기타 궁굼하신 사항은 댓글을 남겨주세요.

감사합니다. 곧 PC버전도 반응형으로 수정하여 다시 찾아뵙겠습니다.

#모바일용 #반응형 #PC용

버전 정보

테스트한 버전 5.4

호환 가능 버전 모든 php 버전 호환

첨부파일

mobile_youtubeplayer_v2.png (683.1 KB) 0회 2020-08-01 22:52 포인트 차감 10

m.youtube_pl54_v2.tar (14 MB) 45회 2020-07-31 23:47 포인트 차감 10

m.youtube_v2.tar (12.6 MB) 44회 2020-07-31 23:47 포인트 차감 10

댓글 18개

펄스나인

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

2020-08-01 (토) 23:03:04

작업할때 유튜브로 음악을듣는데
개인 클라우드에 세팅 해봐야겠습니다 ㅎㅎ
감사합니다 ^^

두리삼촌v

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

2020-08-01 (토) 23:32:24

저도 펄스나인님께 감사드립니다. 사실 제가 펄스나인님께 도움을 많이받았어요 ㅠㅠ 그래서 늘 감사한 마음을 가지고 있습니다. 나중에 멋지게 세팅하시게 되면 저도 공유좀 했으면 합니다 ㅎㅎㅎ 좋은하루 되세요 ^^

펄스나인

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

2020-08-02 (일) 12:26:30

별말씀을요~ㅎㅎ
세팅하면 공유하겠습니다 ^^
편안한 주말 되셔요~
감사합니다~

두리삼촌v

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

2020-08-02 (일) 14:03:13

넵.. ^^ 비피해 없으시도록 조심하시고 편안한 주말 되세요 늘 펄스나인님께 고맙게 생각합니다 감사합니다 ^^*

eske

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

2020-08-04 (화) 10:04:23

와우.... 좋네요... 저도 그누보드 다 구축되면 적용해 봐야겠어요.

두리삼촌v

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

2020-08-05 (수) 02:58:51

넵 ^^

올드보이2

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

2020-08-30 (일) 18:50:58

[http://sir.kr/data/editor/2008/717cb38b9d5bf872ffdd514fc5b37b3c_1598780981_8865.jpg]

저는 첫 접속화면부터 이렇게 나오는데 제가 놓친게 무얼가요? 파일은 알려주신데로 경로에 맞게 설치했습니다. 인덱스 파일을 불러오면 이래요~

두리삼촌v

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

2022-07-03 (일) 19:05:48

댓글이 너무 늦엇네요 죄송합니다. 아마도 지금은 정상적으로 잘나올거에요
일전에 제가 홈페이지에 다른것을 적용해보려고 시험삼아 페이지 테스트를 햇엇는데 아마도 올려주신 그림보니 그때 공교롭게도 접속하신거 같네요...