JS | JS library - BIDEO.JS
페이지 정보
작성자 최고관리자 작성일16-06-19 15:11 조회3,870회 댓글0건관련링크
-
https://rishabhp.github.io/bideo.js/
1171회 연결
-
https://github.com/rishabhp/bideo.js
1068회 연결
본문
BIDEO.JS 는 HTML5 Fullscreen 배경 동영상을 구현하기 쉽게 하는 라이브러리입니다.
HTML5으로 비디오 구현하는 기본 방법
미리보기 : http://codepen.io/rishabhp/pen/wGLmEv
html:
<div id="container">
<video autoplay muted loop>
<source src="http://ak4.picdn.net/shutterstock/videos/4170274/preview/stock-footage-beautiful-girl-lying-on-the-meadow-and-dreaming-enjoy-nature-close-up-slow-motion-footage.mp4" type="video/mp4">
</video>
</div>
css:
* {
margin: 0; padding: 0;
}
#container {
overflow: hidden;
height: 400px;
background: #edeae8;
}
video {
width: 100%;
height: 100%;
}
추천 1 비추천 0
댓글목록
등록된 댓글이 없습니다.