CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

스토어

콘텐츠 수 48

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

  • 분류 애드온
  • 상품카테고리 애드온 
  • 상태 제품소개 
  • 소개 video태그를 이용한 영상 및 iframe태그(유투브, 비메오, 판도라, 네이버, 다음, 등등) 아이프레임을 이용하는 영상플레이어를 스크롤시 하단 오른쪽에 플로팅하여 줍니다. 
  • 설치경로 addons/floating_player 
  • 버전 0.1 
  • 라이센스 XPM 
  • 개발자 착한인연 
  • 구매 페이지 https://xetown.com/point_contents/625455?page=5 
XPM(재배포 금지) 라이선스는 XE타운 포인트마켓 전용 라이선스로 타사이트에서는 재배포가 금지되어있어 자료 소개 용도로 작성된 게시물입니다. 실제 다운로드는 XE타운에서 다운로드 가능합니다.
파일 이름 용량 잔여일 잔여횟수 상태 다운로드
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 수정(플레이어사이즈,허용문자열)하여 사용하셔야 합니다.

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

 

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

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

옵션 검색
List of Articles
번호 분류 제목 평점 포인트
공지 상품 커스터마이징 건에 대해서
공지 이온디샵에서 개발자/디자이너 여러분의 컨텐츠를 판매하세요.
공지 포인트샵 오픈마켓입니다. 구매를 원할 경우 포인트를 충전해주세요.
20 레이아웃 DoorWeb 레이아웃 B ver. 1.4 100P
19 레이아웃 링크모음 여기여기 레이아웃 5,000P
18 레이아웃 [V0.1.3] 부트스트랩 기반 Gentelella 레이아웃 무료
17 레이아웃 게임 홈페이지 레이아웃 100P
16 레이아웃 Equeer 레이아웃 1.4.5 (반응형 지원) 무료
15 레이아웃 ElaAmin For RXE 500P
14 레이아웃 Read Only 레이아웃 (v2.2) (다국어 버튼 추가) 150P
13 레이아웃 ROOT BASIC-반응형 무료
12 레이아웃 Mh Justice Layout Free 무료
11 레이아웃 bootstrap DASHGUM 템플릿 무료
10 레이아웃 XNS 레이아웃 - 기본 무료
9 레이아웃 XNS 레이아웃 - Colorlib Tulen 무료
8 레이아웃 사이트선택 전용 레이아웃 100P
7 레이아웃 Editorial 레이아웃 (v0.5) 150P
6 레이아웃 Pure 레이아웃 v1.0.0-beta.2 무료
5 레이아웃 [베타] Verti RX v1.0 11P
4 레이아웃 RPG GAME LAYOUT 300P
2 레이아웃 Aerial ComingSoon 레이아웃 무료
1 레이아웃 Mobirise4 for RXE 판매종료 500P