시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
happycgi
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
 > JAVASCRIPT > Youtube/Vimeo/HTML5 비디오를 배경으로 사용 jQuery 플러그인 - youtube-Background.js 상세정보
사이트등록
클라우드태그
Javascript
PHP
HTML
ASP
MYSQL
CSS
Mobile
image
jquery
게시판
2023
2022
slide
현재접속자 새로고침
Youtube/Vimeo/HTML5 비디오를 배경으로 사용 jQuery 플러그인 - youtube-Background.js
소스통계정보 오류신고 및 문의
해피팀
네티즌
트위터로 보내기 페이스북으로 보내기
소스분류 JAVASCRIPT
다운로드 횟수 15 회
간단설명 Youtube/Vimeo/HTML5 비디오 의 동작을 커버 배경처럼 만드는 또 다른 jQuery/Vanilla JS 비디오 배경 플러그인입니다. 완벽하게 반응하며 뷰포트가 변경된 후 화면 크기에 맞게 종횡비를 자동으로 조정합니다.
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
홈페이지바로가기 소스다운로드 데모 미리보기 스크랩하기
   

- 라이센스

MIT




- 사용 방법

1. jQuery 라이브러리와 jquery.youtube-background.js 파일을 호출합니다.






2. 배경 요소를 만들고 배경으로 사용할 Youtube, Vimeo, HTML5 비디오 영상 주소를 data-vbg 옵션에 넣습니다.





3. 그리고 youtube_background 플러그인을 호출하면 끝입니다.





4. 각종 옵션을 제공합니다. (옵션 코드는 사이트를 참고하세요.)

   * 모바일에서 비활성화 여부 (기본값 false)
   * 재생 및 음소거 버튼 표시 여부 (기본값 false)
   * 영상 로드 전 배경 로드 여부 (기본값 true)
   * 페이지 로드 시 비디오 자동 재생 여부 (기본값 true)
   * 페이지 로드시 비디오 음소거 여부 (기본값 true)
   * 비디오 반복 여부 (기본값 true
   * 비디오 해상도 (기본값 16:9)
   * 비디오 오프셋 픽셀 (기본값 200)
   * 플레이어를 아이프레임 컨테이너에 맞게 설정할지 여부 (기본값 false)
   * 아이프레임 및 감싸는 요소에서 inline 스타일을 활성화 여부 (기본값 true)
   * 비디오가 시작되고 끝나는 시간을 초 단위로 설정 (기본값 0)
   * 재생을 자동으로 중지할지 여부 (기본값 false)
   * 초기 볼륨 설정 (기본값 1)
   * 쿠키 비활성화 여부 (기본값 true)
   * 사용자가 처음 상호작용할 때 배터리 절약 모드에서 자동 재생 (기본값 false)
   * 아이프레임 /비디오를 지연 로드할지 여부 (기본값 false)
   * 기본 포스터 이미지 (기본값 null)
 





5. 이벤트 핸들러, API 메소드, 속성을 제공합니다. 사이트를 참고하세요.







- 작동 화면 (샘플 : 지구 배경이 Youtube 영상)






네티즌 의견   이용하신 자료의 후기를 자유롭게 작성하세요. (상업적인 광고 및 도배성 글 등은 사전통보없이 삭제될 수 있습니다.)
내용 아이디 의견남기기
등록된 의견이 없습니다.
1
이름
내용
:네맞아요: :화나는군요: :잠와: :우울해: :이건아냐: :왕하하: 왕웃음~ 놀램~
평가하기 훌륭함 매우좋음 좋음 괜찮음 보통 별로
도배방지키
 94113029 보이는 도배방지키를 입력하세요.