예
비디오 재생 :
<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> 태그는 동영상 클립 또는 다른 비디오 스트림으로, 비디오를 지정합니다.
현재 3 지원되는 비디오 형식은 거기에있는 <video> 요소 : MP4, WebM , 그리고 Ogg :
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | YES from Firefox 21 from Firefox 30 for Linux |
YES | YES |
| Safari | YES | NO | NO |
| Opera | YES From Opera 25 |
YES | YES |
- H264 비디오 코덱과 오디오 코덱 AAC와 MPEG 4 = MP4 파일
- VP8 비디오 코덱과 보비스 오디오 코덱의 WebM = WebM을 파일
- 은 Theora 비디오 코덱과 보비스 오디오 코덱 오그 = 오그 파일
비디오 형식에 대한 MIME 유형
| 체재 | MIME 타입 |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
브라우저 지원
표의 수치는 전체 요소를지지하는 제 브라우저 버전을 지정.
| 요소 | |||||
|---|---|---|---|---|---|
| <video> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML 4.01과 HTML5의 차이점
<video> 태그는 HTML5의 새로운 기능입니다.
팁과주의 사항
팁 : 사이의 모든 텍스트 <video> 및 </video> 태그는 지원하지 않는 브라우저에 표시됩니다 <video> 요소를.
선택 속성
= HTML5의 새로운 기능.
| 속성 | 값 | 기술 |
|---|---|---|
| autoplay | autoplay | 이 준비되는 비디오가 즉시 재생을 시작하도록 지정 |
| controls | controls | 비디오 컨트롤 (예 : 재생 / 일시 정지 버튼 등으로) 표시하도록 지정합니다. |
| height | pixels | 비디오 플레이어의 높이를 설정 |
| loop | loop | 동영상이 다시이 완료 될 때마다 다시 시작하도록 지정 |
| muted | muted | 비디오의 오디오 출력이 음소거되도록 지정 |
| poster | URL | 이미지가 동영상을 다운로드하는 동안 표시, 또는 사용자까지 재생 버튼 안타를 지정합니다 |
| preload | auto metadata none | 저자가 생각하는 경우 어떻게 비디오가로드해야 지정 페이지가로드 될 때를 |
| src | URL | 비디오 파일의 URL을 지정 |
| width | pixels | 비디오 플레이어의 폭을 설정 |
글로벌 속성
<video> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<video> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML DOM 참조 : HTML 오디오 / 비디오 DOM 참조
기본 CSS 설정
없음.