묻고답하기

제이쿼리 스크롤업,다운 효과를 이용해 홈페이지제작(포트폴리오) 중입니다..

 

제가 생각한 효과는..(이미지 파일로첨부함)

 

<div id="wrap">
  <div id="header"></div>
  <div id="container">
   <div class="video_1">
    <video src="videos/Gondry.mp4" autoplay class="gondry" width="100%" height="100%"></video>
   </div>
   <div class="video_2">
    <video src="videos/Hello.mp4" controls class="gondry" width="100%" height="100%"></video>
   </div>
   <div class="video_3">
    <video src="videos/Island.mp4" controls class="gondry" width="100%" height="100%"></video>
   </div>
   <div class="video_4">
    <video src="videos/Mannequin.mp4" controls class="gondry" width="100%" height="100%"></video>
   </div>
   <div class="video_5">
    <video src="videos/See_You.mp4" controls class="gondry" width="100%" height="100%"></video>
   </div>
  </div>
  <div id="footer"></div>

 

이런식으로

 

mp4 비디오들을 밑으로 깔아놓은상태에서

 

메인페이지에 접속했을때 1번째 비디오만 오버플로우:히든 이 되있는 효과처럼 가로X세로 값이 100%를 차지하고있다가

 

스크롤 다운을 하게되면 2번째 비디오로 넘어가면서 2번째 비디오가 재생되게 하고싶습니다. 

 

헌데 페이지 창 자체를 드래그해서 줄여보면 가로값은 일정하게 줄어드는만큼 백분률값에 의해서 줄어드는데

세로값은 같이 줄어들지않아 밑에 깔려있던 비디오들이 보여지게됩니다..

 

도와주세요!

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
제임스라 게시판 _read.html 에서 확장변수 출력 [1] 2015.11.09 by sejin7940
후니 유튜브 모듈을 적용하고 설정후, 실행하니 에러가 나옵니다. 무엇이 문제일까요? [1] 2015.11.08 by 후니
stable**** xe 초기 버전 xe1.45.10(2011년9월2일판) 업데이트 가능 한도는? [1] 2015.11.08 by BJ람보
장기기억 포토샵으로 웹 이미지 레이아웃 까지 만든후 xe에 스킨 적용방법이 뭔가요?  
안드로이더스스 스케치북에서 대댓글 에디터  
thdwjdtjr 게시글에 첨부된 자료는 어떻게 삭제하여야 하나요 [2] 2015.11.08 by thdwjdtjr
보소보소 누리고 상세설명 이미지 오류 file  
오락실주인 누리고 쇼핑몰 사용 중인 홈페이지 [1] 2015.11.08 by 보소보소
젭스 도와주세요(왕초보) 만든사이트를 볼수도 없고 먹통입니다. [2] file 2015.11.08 by 불금
규르 한 페이지에 페이지 이동(pagination)을 두개 넣을 수 있나요? [1] 2015.11.26 by 규르
namoo+ 모든 기능은 정상이나 회원가입 및 정보수정이 안 됩니다. ㅜ.ㅠ [9] 2015.11.08 by 빤뻔
heless FTP에 모듈 CSS 수정한거 업로드가 안되요! [1] 2015.11.08 by I-JEX
hexit 모바일뷰 사용시 pc에서도 모바일 화면으로 보이는 문제 [1] 2015.11.08 by I-JEX
소다팡팡 일정갯수 이상 댓글 달린 게시물 삭제금지 방법 [2] 2015.11.08 by 소다팡팡
홈런볼11 조건문 공지사항일 경우 [2] 2015.11.07 by 홈런볼11
안드로이더스스 스케치북 댓글오류 해결해주세요 ㅠ  
thdwjdtjr 본문 폰트크기와 댓글 폰트크기를 다르게 하는 방법  
사과 FTP로 모듈 추가가 안됩니다. [2] 2015.11.07 by 사과
김최고 페북위젯좀 도아주실분  
EagleK 게시물 작성시 태그를 자동으로 넣는방법이 있을까요? [2] file 2015.11.07 by qkrcjfgus33
BJPain XE 포인트모듈 관련 질문 [1] 2015.11.07 by BJPain
피코스스 회원정보 메모 기능 추가  
사람사는좋은세상 사진 계시판 우축 마우스 사진저정 막는 방법 부탁드립니다. [1] 2015.11.06 by DoorWeb
댑펑 xe 내부에서 php의 SERVER 함수가 사용안되는 것 [2] 2015.11.06 by 댑펑
마래바 미디어위키, 바이너리 저장을 UTF-8 저장으로 바꾸면?  
전갈자리남 xpresseditor 커서 문제 [1] 2015.11.06 by 피코스스
자자게이 비밀글 작성시 갤러리 게시판에서 비회원에게 썸네일 안나오는 문제해결??  
피요 복사한 특정 게시판이 삭제가 안되네요  
JAYLEEKOREA 게시판 삭제가 안됩니다~ㅠㅜ [2] file 2015.11.06 by JAYLEEKOREA
tui0561f 사이트 복사관련 질문드립니다.