video 태그

 

video 태그란?
동영상을 나오게 하는 태그이며 속성은 display : linline-block (가로배치)

사용방법
<video src="파일명></video>
그냥 사용하면 동영상이 재생이 안되고 옵션과 함께 사용해야만한다.

옵션 종류

- css아닌 html에 작성

1. controls : 재생 인터페이스 생김
2. autoplay : 자동재생 (다만, 웹브라우저들의 정책변경으로 인해 자동재생되기위해서는 음소거처리가 되어있어야함)
3. muted : 음소거 옵션, autoplay옵션과 함께 사용
4. loof : 동영상이 끝나지 않고 반복재생

 

<예시 html>

 

object-fit: cover 
video태그는 width, height같이 사용해서 크기 조절 시 동여상이 꽉차지 않고 비는 
특징이 있다. 그래서 width, heigh를 하나만 사용하는 편이지만
동시에 사용해야한다면 object-fit: cover