[HTML] Video tag

alirz-pixel·2022년 3월 21일
0

HTML

목록 보기
1/3

기본적으로 block element이며,
HTML 문서에 동영상을 올릴 수 있도록 해주는 태그이다.

preload

none

아무것도 하지 않음. (default)

auto

웹 입장 시부터 동영상을 사전에 로딩해둠.
동영상, 메타데이터 모두 로드하기 때문에 웹이 무거워질 수 있습니다.

metadata

동영상의 기본 정보만 가져온다.
none과 auto의 사이로 사전에 로딩을 하지 않고, 동영상과 관련된 정보만 가져옵니다.



그 외의 특성

autoplay

사이트 접속 시, 동영상이 자동으로 재생된다.

ex. <video src="비디오 링크" autoplay />

muted

동영상의 기본 설정을 음소거로 설정한다.

ex. <video src="비디오 링크" muted />

controls

소리 조절, 일시정지/재시작 등을 할 수 있는 컨트롤러를 제공한다.

ex. <video src="비디오 링크" controls />

width and height

동영상의 너비 및 높이 등을 지정할 수 있게 해준다.
기본적으로 pixel 단위입니다.

ex. <video src="비디오 링크" width="400" height="600" />

loop

동영상이 반복 재생된다.

ex. <video src="비디오 링크" loop />

0개의 댓글