묻고답하기
html 초보..질문입니다
2015.11.02 10:16
제이쿼리 스크롤업,다운 효과를 이용해 홈페이지제작(포트폴리오) 중입니다..
제가 생각한 효과는..(이미지 파일로첨부함)
<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 남기남 |
기만1988 | 회원 모두에게 개인게시판을 제공하고 싶습니다! [1] | 2015.11.03 by sejin7940 |
꾸링 | 포인트 부족시 경고창(confirm)으로 띄우기 [2] | 2015.11.03 by 키큰아이 |
중년- | 혹시 이런거 있나요? [2] | 2015.11.03 by 중년- |
Katzecf147 | 하단 주소창, 전체화면 질문 | |
씨엠 | 로그인시 192.168.0.210으로접속 [4] | 2015.11.03 by 씨엠 |
밀란 | html 초보..질문입니다 [1] | 2015.11.03 by 난다여~ |
지에치케어 | 누리고 상품등록이 안됩니다 | |
댑펑 | 글이나 댓글 등록시 나오는 최소 글자수 제한 팝업 | |
초보입니다. | 글쓰기할때 포인트로 권한주기 [1] | 2015.11.03 by mindpainter |
taewan1087 | 타임라인으로 모은 게시판명 출력하기 [1] | 2015.11.03 by taewan1087 |
서버대밋 | captcha 이미지 깨짐. 이미지가 깨집니다 도와주십쇼 [2] | 2015.11.03 by 고품격공대생 |
졸라맨 | xe 1.7.5버전에서 쪽지 내용에 특정한 문구 입력시 페이지 에러 현상 | |
마엘 | 가입폼으로 회원그룹선택 가입할수 있는 방법 | |
dltmf | 게시판 본문쓰기가 안돼요 | |
그라모 | 특정 사이트 게시물을 내홈피에 최근게시물처럼 표시하고 연결하기 | |
서사모 | HOME 버튼만 누르면 접속이 불가합니다....ㅜㅜ [2] | 2015.11.02 by 서사모 |
댑펑 | 구글 검색 봇이 https 로만 가져가게 하는 방법 질문.. | |
댑펑 | 댓글 글자수를 mysqladmin 상에서 한 것 같습니다. [4] | 2015.11.02 by 댑펑 |
Ystory | 서브 메뉴 질문입니다. [4] | 2015.11.02 by Ystory |
비누남어 | 컴택어스 폼 어디서들 만드시나요? [1] | 2015.11.02 by mindpainter |
height: auto;