height에 100%을 주면 최대 크기에서 좌우 여백이 생기고
width에 100%를 주면, 창 좌우 폭을 줄이면 상하 여백이 생긴다.
video 태그에 아래 속성을 넣어주면 된다..
한참 헤맸는데,,
video {
object-fit: cover;
width: 100%;
height: 100vh;
}
'HTML & CSS' 카테고리의 다른 글
inline-block 사이 간격 발생 (margin: 0) (0) | 2023.04.12 |
---|---|
[CSS]animation을 적용하는 예시 (0) | 2023.03.15 |
[CSS] position: absolute 가운데 정렬 시키기 (0) | 2023.03.13 |
[HTML&CSS]img 태그 src가 없을때 기본 이미지 표시하기 (0) | 2023.03.05 |
[CSS]IMG를 수직 중앙 정렬 시키기 (0) | 2023.02.17 |