CSS: 텍스트 뒤에 동영상 배경 두기

230408

현재 포트폴리오 만들고 있는 데, 각 섹션마다 동영상 배경을 두고 싶었다.

HTML
id를 background-video로 둔다.

<video id="background-video" autoplay loop muted>
	<source src="video/discolights.mp4" type="video/mp4">
</video>

CSS
제일 중요한 건  z-index: -1을 써서 우선 순위를 뒤로 둬야한다!

#background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

결과물)
캡쳐여서 움직이지는 않는 데 동영상 배경이다. 텍스트가 앞에 위치한다!

참고: https://blog.hubspot.com/website/video-background-css

---