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

STORE

content_count 449

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

  • 분류 애드온
  • 상품카테고리 애드온 
  • 상태 제품소개 
  • 소개 video태그를 이용한 영상 및 iframe태그(유투브, 비메오, 판도라, 네이버, 다음, 등등) 아이프레임을 이용하는 영상플레이어를 스크롤시 하단 오른쪽에 플로팅하여 줍니다. 
  • 설치경로 addons/floating_player 
  • 버전 0.1 
  • 라이센스 XPM 
  • 개발자 착한인연 
  • 구매 페이지 https://xetown.com/point_contents/625455?page=5 
XPM(재배포 금지) 라이선스는 XE타운 포인트마켓 전용 라이선스로 타사이트에서는 재배포가 금지되어있어 자료 소개 용도로 작성된 게시물입니다. 실제 다운로드는 XE타운에서 다운로드 가능합니다.
File Name file_capacity residual_day residual_amount condition download
floating_player_v0.1.zip 4.71KB - - - download

플로팅 플레이어 애드온 (라이트버전) 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
No. Category Subject grade point
공지 상품 커스터마이징 건에 대해서
공지 이온디샵에서 개발자/디자이너 여러분의 컨텐츠를 판매하세요.
공지 포인트샵 오픈마켓입니다. 구매를 원할 경우 포인트를 충전해주세요.
20 스킨 라이믹스 마이로그 스킨 - 인스타그램 스타일 free
19 모듈 마이로그(mylog) free
18 모듈 XE Sticker 모듈(이온디 수정) 100P
17 테마/패키지 이온디 미니홈피 1,500P
16 모듈 XE라이믹스 출석부 출쳌 도장 스킨 free
15 애드온 이미지 필수 애드온 500P
14 애드온 sejin7940_write_limit - 일정기간 글/댓글 작성수 제한 애드온 ver. 1.5.2 free
13 레이아웃 DoorWeb 레이아웃 B ver. 1.4 100P
12 스킨 라이믹스XE Auction 경매모듈스킨 별도문의 800P
11 모듈 라이믹스XE 포럼(forum) 모듈 2,000P
10 애드온 라이믹스 바로 업로드 애드온 free
9 레이아웃 링크모음 여기여기 레이아웃 5,000P
8 위젯 나의메뉴 위젯 MD추천 free
7 모듈 pjaxboard 게시판 스킨 MD추천 free
6 위젯 현재위치출력 위젯(xe location 위젯) MD추천 10P
5 모듈 라이믹스XE 확장 변수 업로드 모듈 MD추천 free
4 애드온 회원 팝업 메뉴 관리 애드온 MD추천 free
3 모듈 라이믹스 게시글 예약발행 모듈 MD추천 free
2 모듈 라이믹스XE 등업관리모듈 (PHP8) 판매종료 MD추천 500P
1 모듈 라이믹스XE 시험 모듈(exam) MD추천 free