728x90
반응형
영상 위주의 포트폴리오 사이트에서 종종 볼 수 있는 배경에 풀사이즈로 동영상을 삽입하는 방법을 알려드릴까 합니다.
동영상 배경 삽입 방법으로 여러 방법이 있겠지만 제이쿼리를 사용하지 않고 간단하게 html5만을 이용해서 출력하는 모습을 보여드릴까 합니다.
<style>
#video {
position: absolute;
top: 0px;
left: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
overflow: hidden;}
</style>
<body>
<video id="video" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
<source src="동영상 주소">
</video>
</body>
728x90
반응형
'공부 > html, css' 카테고리의 다른 글
| 맨위로 이동하기 (0) | 2023.01.07 |
|---|---|
| 사이트 이동하기 (자동 연결) (0) | 2023.01.07 |
| background 속성 (0) | 2023.01.07 |
| video 태그로 웹에 동영상 넣기 (0) | 2023.01.07 |
| audio 태그로 웹에 음악 넣기 (0) | 2023.01.07 |
