XETOWN

포인트 XE 마켓

타운 포인트로 XE 서드파티 자료를 거래할 수 있습니다.

내정보

Guest 님
보유포인트
0
  • 재구매 할인
    30%
  • 컨텐츠 환불
    100%
  • 평점 포인트
    10%
  • 포인트 자동책정
    0%
콘텐츠 수 153

플로팅 플레이어 애드온 (라이트버전) V0.1

최초 등록일: 2017.06.13 조회수 : 316

100P

4.8점 / 총 6명 참여
  • 구매자 8
  • 설치경로 addons/floating_player 
  • 라이선스 XPM License (재배포 금지) 
  • 분류 애드온
  • 제작자 착한인연
  • 다운로드
    floating_player_v0.1.zip 4.71KB (잔여일 : -, 잔여횟수 : -)

플로팅 플레이어 애드온 (라이트버전) V0.1 (06/13/2017)

 

video태그를 이용한 영상 및 iframe태그(유투브, 비메오, 판도라, 네이버, 다음, 등등)

아이프레임을 이용하는 영상플레이어를 스크롤시 하단 오른쪽에 플로팅하여 줍니다.

브라우져 창의 사이즈가 변경되는 경우 화면 해상도에 따라 플로팅 사이즈를 16:9사이즈

비율로 재정의 하여 줍니다. 
        

가벼운 라이트 버전으로 사이즈, 위치, 버튼, 유튜브api등 사용자가 선택하는 옵션을

배제하였습니다. 애드온에서 별도의 환경설정은 없습니다.

 

대부분의 스킨을 지원합니다. (스케치북 스킨, 스케치북 유튜브스킨, 유튜브 모듈지원)

대략적으로 다 될것이라고 생각합니다..^^; (iframe, video라는 테그만 찾기 때문에...)

구글 애드센스등 광고와 충돌하지 않습니다. 

 

허용문자열을 추가하시려면 애드온폴더

/floating_player/js/floating_player.js 에서 직접 수정하시면 됩니다. 

필요없으신 문자는 허용문자열에서 직접 제거하시면 됩니다.

 

기본으로 들어가있는 허용 문자열 고유이름은 아래와 같습니다.    
var allowedString = ['youtu','vimeo','dailymotion','pandora','tvpot','videofarm.daum.net','openload','hanvid','hdfree','k-vid','ggvid','thevideo','ultravid','vid.me','Player.nhn','dramacool','yourupload','estream','vidlox.tv','vidnow','ok.ru','ilovevid','player.twitch.tv','ustream.tv','metacafe.com/embed','player.youku.com'];

 

플로팅된 영상을 닫거나 숨기기 기능

/floating_player/js/floating_player.js 에서 직접 수정

var actionClose = 1; // 0 : 닫기, 1 : 숨기기

 

모바일 디바이스별 플로팅 영상 사이즈 변경

/floating_player/js/floating_player.js 에서 직접 수정

 

플로팅 되는 전환모션이 나타나지 않게 하거나, 속도를 조절하려면

css폴더의 floating_player.css에서 직접 수정

transition:all 0.8s;을 지우거나 전환숫자를 변경하세요.

 

이 버전은 라이트버전으로 버튼의 위치, 크기등, 유튜브 API등 사용을 할 수 없습니다.

기능이 최소화된 버전으로 기능을 직접 css 수정(버튼모양, 사이즈),

js 수정(플레이어사이즈,허용문자열)하여 사용하셔야 합니다.

조금 아주 조금 불편 할 수 있습니다. ^^;

 

라이트 버전이므로 기능은 추가되지 않으며,

버그는 잡습니다. 많은 피드백 부탁드립니다.

 

profile

댓글 '20'

프로필 사진 profile
ルイスP 2017.06.13 19:54 댓글 별점
특정 레이아웃 혹은 skins에서는 아예 동작하지 않는 문제가 있습니다. 쪽지로 피드백 드리면 될까요?

작품 자체는 꽤 좋네요
프로필 사진 profile
착한인연 2017.06.13 20:31 댓글 별점
피드백 대환영입니다.
특정레이아웃, 스킨이라 어떤 레이아웃과 스킨인지 궁금합니다.
쪽지주시면 확인하여 보겠습니다. 링크를 주시면 더욱더 좋을것 같네요.
프로필 사진 profile
착한인연 2017.06.14 04:25 댓글 별점
확인해본 결과
알려주신 페이지에서는 현재 제가 등록한 자료를 사용하고 있지 않고 있습니다.
제가 제작한것으로 해보시길 바랍니다. 확인해보시고 다시 답변부탁드립니다.
프로필 사진 profile
natura 2017.06.14 10:14 댓글 별점
닫기 했을 때 위 아래로 내려보시면 모션이 작동합니다.
프로필 사진 profile
착한인연 2017.06.14 12:44 댓글 별점
숨기기일경우에는 모션이 동작합니다.닫기옵션이 설정되면 모션은 동작하지 않습니다.
저번에 플로팅 밀림현상때문에 코드적어드렸었는데... 수정하다보니 다시 만들게 되었네요.
프로필 사진 profile
natura 2017.06.14 22:23 댓글 별점
아 그렇군요~
프로필 사진 profile
산소아빠 2017.06.14 14:13 댓글 별점
제가 https://www.xetown.com/index.php?mid=xepoint&page=1&document_srl=609158
의 애드온을 사용중에 있는데 모바일에서
레이아웃을 모바일 레이아웃을 따로 지정해주면 되는데
반응형으로 하면 동작을 안하더군요
혹시 이 애드온은 반응형에서도 동작을 하나요?
-------------------------------------------------------------------
다시 확인해보니 다른 레이아웃은 잘됩니다.
현재 제가 사용하는 레이아웃이 문제인듯합니다.
혼란드려 죄송합니다.
프로필 사진 profile
착한인연 2017.06.14 15:54 댓글 별점
이 애드온은 반응형으로 작동됩니다.
해상도에 따라 플로팅 사이즈가 달라집니다.
프로필 사진 profile
jmjim 2017.06.14 19:56 댓글 별점
감사합니다.
프로필 사진 profile
Chronos 2017.06.15 15:50 댓글 별점
감사합니다. ^^
프로필 사진 profile
중년 2017.06.15 18:25 댓글 별점
애드온 감사히 잘 사용하고 있습니다. 좋으네요.^^
저 같은 경우에는 모바일에서도 잘 되는데,
문제는 모바일을 가로로 봤을때 동영상이 화면에 꽉차게 크게 나오던 것이 작동을 안합니다.
저만 그런건지 다른 분들도 그런건지 궁금합니다.
프로필 사진 profile
착한인연 2017.06.15 19:31 댓글 별점
무슨뜻인지 잘 이해가 되지 않네요.
전체화면을 의미하시는것인지요?
이 애드온과 전체화면 기능하고는 상관 없습니다만
안드로이드에서는 문제가 없는것으로 보입니다.
프로필 사진 profile
중년 2017.06.15 22:55 댓글 별점
모바일 세로로보면 영상이 작고 가로로 보면 자동으로 전체화면으로 영상이 꽉 차게 나오 잖아요.
근데, 저는 애드온을 모바일에 적용하면 휴대폰을 가로로 봐도 영상크기가 전체화면으로 안되고 세로로 볼때와 크기가 같습니다. 저도 안드로이드인데 저만 그런가 보군요.^^ 왜 그렇지.
프로필 사진 profile
지구침략자 2017.06.15 23:16 댓글 별점
감사히 잘쓰겠습니다...^^
프로필 사진 profile
Katze 19시간 전 댓글 별점
안타깝게도 PJAX 보드에서는 사용이 안되는것 같네요 ㅠㅠ
프로필 사진 profile
착한인연 16시간 전 댓글 별점
피드백 감사드립니다.
제가 유료인 PJAX 보드를 살 여력이 되지 않아서..^^;
테스트를 해보지 않았지만, 생각해 보면 당연히 안될것 같습니다.
기존의 로딩방식이 아니므로 애드온이 작동할 수 없을것입니다.
하지만 데이터를 가져올때 엘리먼트나 기타 변경되는 이벤트를 찾아
작동이 가능하게 할 수 도 있겠지만, 이 버전은 업데이트가 지원되지 않는
라이트버전이며 또한 유료 PJAX 보드를 구매하여 테스트를 해 볼수도 없기에
이 애드온을 구매하시려는 PJAX 보드 사용자님은 참조하시길 바랍니다.
프로필 사진 profile
Katze 10시간 전 댓글 별점
답변 감사드립니다. 뭐,, PJAX 보드에서는 안돌아도 다른 게시판에서는 작동하니 감사하게 사용하겠습니다 ㅎㅎ
프로필 사진 profile
Artistudy 7시간 전 댓글 별점
https://www.xetown.com/index.php?mid=lakepark&category=5779&document_srl=635138
게시판 설정에서 pjax기능은 끄세요. 꺼도 새로고침 없는 댓글작성등은 작성가능합니다.
프로필 사진 profile
Katze 7시간 전 댓글 별점
오, 이런 방법이 있었군요.. 감사합니다! 꼭 적용해보겠습니다 ㅎㅎ
프로필 사진 profile
착한인연 6시간 전 댓글 별점
답변 감사드립니다.
알려주신 기능을 주석처리하여 사용이 되었으면 하네요.
사용하시는 플로팅 애드온과 본 애드온은 다소 틀린 부분이 많으므로
사용이 안될 수 도 있습니다. 이 글을 보시는 분들 적용해 보시고 피드백 부탁드립니다.
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...