20221008 video 사용하기

https://developer.mozilla.org/ko/docs/Web/HTML/Element/Video

<video>: 비디오 삽입 요소 - HTML: Hypertext Markup Language | MDN

src : 재생할 비디오의 주소
width : 요소의 너비
height : 요소의 높이
loop : 반복 재생
poster : 사용자가 비디오 데이터를 사용할 수 없는 경우 이미지 파일의 주소를 권장
preload : 음악을 재생하기 전에 모두 불러올지 지정 (value: auto, metadata, none)
none : 사용자가 비디오를 필요로하지 않을 것이라고 명시, 미리 다운로드 하지 않음
metadata : 사용자가 비디오를 필요로 하지 않을 것이지만, 기본정보(크기,첫프레임,오디오길이 등)는 가져옴
auto : 사용자가 비디오를 필요로 하고 미리 다운로드를 한다 (기본값)
autoplay : 자동재생 / 모바일에서는 보안상 이유로 자동재생이 되지 않음
muted : 음소거
controls : 기본 컨트롤러를 사용
controlsList="nodownload" : 다운로드 없이 컨트롤러 사용

 

 

<video controls controlsList="nodownload" width="100%" height="100%">
 <source src="비디오주소" />
</video>

 

나는 스와이퍼랑 같이 사용해서 이렇게 만들기 완완