인프런 커뮤니티 질문&답변

답변 감사합니다!ㅎㅎ 해결 했습니다! 시즌2도 하고 싶어서 이미 결제해버렸어용~ 항상 좋은 강의 감사합니다!

video 태그는 가상클래스 :before :after를 가질 수 없기 때문에 vidoe 태그를 div로 감싸주시고 그 div에 :before :after로 오버레이 씌우시면 됩니다. 예를 들어...

<div class="video-frame">

    <video src="sample.mp4" autoplay loop muted></video>

</div>

또는 HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)에 가상클래스를 사용하지 않고 오버레이를 씌우는 영상인 '비디오 백그라운드 섹션(Flex 레이아웃)' 이거 보셔서 참고하세요. 무료영상이니까 수강하지 않으셔도 됩니다.