플로팅 플레이어 애드온 (라이트버전) V0.1 |
등록일 | 2023-03-31 |
---|
플로팅 플레이어 애드온 (라이트버전) 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 수정(플레이어사이즈,허용문자열)하여 사용하셔야 합니다.
조금 아주 조금 불편 할 수 있습니다. ^^;
라이트 버전이므로 기능은 추가되지 않으며,
버그는 잡습니다. 많은 피드백 부탁드립니다.