사용 예
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
정의와 사용
<video> 태그는 무비 클립이나 다른 비디오 스트림과 같은 비디오를 지정 합니다. 현재 <video> 요소에는 MP4, WebM 및 Ogg와 같이 3가지 지원되는 비디오 형식이 있습니다.
<video> 태그는 HTML5의 새로운 태그입니다.
Optional Attributes
Attributes | Value | Description |
autoplay |
autoplay | 동영상이 준비되는 즉시 재생을 시작하도록 지정 |
controls |
controls | 비디오 컨트롤이 표시되도록 지정 (예: 재생/ 일시 중시 단추 등) |
height | pixels | 비디오 플레이어의 높이를 설정 |
loop | loop | 비디오가 끝날 때 마다 다시 시작하도록 지정 |
muted | muted | 비디오의 오디오 출력을 음소거하도록 지정 |
poster | URL | 비디오를 다운로드 하는 동안 또는 사용자가 재생 버튼을 누를 때까지 표시 할 이미지를 지정 |
preload | auto metadata none | 개발자가 페이지 로드시, 비디오를 로드해야 한다고 생각하는지 여부 및 그 방법을 지정 |
src | URL | 비디오 파일의 URL을 지정 |
width | pixels | 동영상 플레이어의 너비를 지정 |
'MarkUp' 카테고리의 다른 글
ios에서 오른쪽 정렬 후 space (0) | 2021.02.23 |
---|---|
sprite_mixin이 제대로 동작 안하는 이슈 (0) | 2019.10.08 |
가상요소로 마우스 휠 이벤트 제어 (0) | 2019.06.27 |
text-overflow (0) | 2019.03.04 |
곤란한 상황에서 말 줄임 해야할 경우 (0) | 2019.01.24 |