HTML <비디오> 태그
예
동영상을 재생 :
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。
</video>
»시도
브라우저 지원
IE 9 +, 파이어 폭스, 오페라, 크롬과 사파리 모든 지원 <비디오> 태그입니다.
참고 : IE 8 IE 브라우저의 이전 버전의 <비디오> 태그를 지원하지 않습니다.
태그 정의 및 지침
<비디오> 태그는 동영상 클립 또는 다른 비디오 스트림으로 동영상을 정의합니다.
MP4, WebM을, 오그 : 현재 <동영상> 요소는 세 가지 비디오 포맷을 지원합니다.
| 브라우저 | MP4 | WebM을 | 오그 |
|---|---|---|---|
| 인터넷 익스플로러 | YES | NO | NO |
| 크롬 | YES | YES | YES |
| 파이어 폭스 | YES 파이어 폭스 21 버전에서 시작 파이어 폭스 30 처음부터 리눅스 시스템 | YES | YES |
| 원정 여행 | YES | NO | NO |
| 오페라 | YES 버전 오페라 25에서 시작 | YES | YES |
- H264 비디오 코덱 및 AAC 오디오 코덱을 사용 MP4 = MPEG 4 파일
- VP8 비디오 코덱과 보비스 오디오 코덱을 사용하여 WebM을 = WebM을 파일
- 오그 = 오그 파일은은 Theora 비디오 코덱과 오디오 코덱을 보비스 사용
오디오 형식의 MIME 타입
| 格式 | MIME-type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
HTML 4.01과 HTML5의 차이점
<비디오> 태그 HTML5는 새로운 레이블입니다.
팁과주의 사항
팁 :이 지원되는 브라우저 아닌,의 <비디오> 및 </ 비디오> 태그 사이의 텍스트를 배치 할 수 있습니다 <동영상> 요소는 정보를 해당 태그를 표시 할 수 있습니다.
선택 속성
새로운 기능 : HTML5 새 속성.
| 属性 | 值 | 描述 |
|---|---|---|
| autoplay New | autoplay | 如果出现该属性，则视频在就绪后马上播放。 |
| controls New | controls | 如果出现该属性，则向用户显示控件，比如播放按钮。 |
| height New | pixels | 设置视频播放器的高度。 |
| loop New | loop | 如果出现该属性，则当媒介文件完成播放后再次开始播放。 |
| muted New | muted | 如果出现该属性，视频的音频输出为静音。 |
| poster New | URL | 规定视频正在下载时显示的图像，直到用户点击播放按钮。 |
| preload New | auto metadata none |
如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。 |
| src New | URL | 要播放的视频的 URL。 |
| width New | pixels | 设置视频播放器的宽度。 |
전역 속성
<비디오> 태그는 지원 HTML 전역 속성을 .
이벤트 등록
<비디오> 태그는 지원 HTML 이벤트 속성을 .