브라우저 크기에 맞게 동영상 사이즈 맞추기

브라우저 크기에 맞게 동영상 사이즈 맞추기

CSS 예시 코드

//css
.wrapper {
	position: relative;
    font-size: 0;
}

.video-box {
	width: 100%;
}

~~

<div class="wrapper">
	<div class="video-box">
    	<video src="비디오 경로" autoplay muted />
     </div>
</div>

비고

• 동영상은 background로 사용할 수 없어 video 태그로 추가하여 사용한다.
• video 태그는 스타일 제어 시 단독 사용보다는 부모로 감싸는 태그를 사용하면 사용이 편리하다.