html5 <video> 태그는 일반적으로 사용되는 3 가지 비디오 형식을 지원합니다.
1. OGG = OGG 파일이 Theora 비디오 인코딩 및 Vorbis 오디오 인코딩이있는 OGG 파일;
2. MPEG4 = MPEG 4 파일 H.264 비디오 인코딩 및 AAC 오디오 인코딩;
3. VP8 비디오 인코딩 및 Vorbis 오디오 인코딩이있는 Webm = Webm 파일.
오늘날 주류 브라우저는 비디오 형식에 대한 지원이 다릅니다. HTML5가 공식적으로 출시 된 날은 더 많은 비디오 형식을 지원하여 개발자와 사용자에게 많은 이점을 제공 할 것이라고 생각합니다.
HTML5 비디오 태그 비디오 사용에 대해 이야기 해 봅시다. 브라우저에 비디오를 표시 해야하는 경우 다음 코드를 복사하기 만하면됩니다.
<video src = movie.ogg 너비 = 320 높이 = 240 컨트롤 = 컨트롤>
브라우저는 비디오 태그를 지원하지 않습니다.
</video>
재생, 일시 정지 및 볼륨 컨트롤을 추가하기위한 제어 특성. 폭 너비와 높이 특성을 포함하는 것도 좋습니다. <video>와 </video> 사이에 삽입 된 콘텐츠는 비디오 요소를 지원하지 않는 브라우저에서 표시됩니다.
위의 코드는 Firefox, Opera 및 Google Chrome에 적합한 OGG 파일을 사용합니다. Safari 브라우저에 적합한 지 확인하려면 비디오 파일은 MPEG4 형식이어야합니다. IE8은 html5 <ideo> 태그를 지원하지 않으며 IE9는이 태그를 지원하지만 MPEG4 형식도 사용해야합니다.
비디오 요소는 여러 소스 요소를 허용합니다. 소스 요소는 비디오 파일을 다른 형식으로 연결할 수 있습니다. 브라우저는 첫 번째 인식 가능한 형식을 감지하고 사용합니다. 코드는 다음과 같습니다.
<비디오 폭 = 320 높이 = 240 컨트롤 = 컨트롤>
<소스 src = movie.ogg type = video/ogg>
<소스 src = movie.mp4 type = video/mp4>
브라우저는 비디오 태그를 지원하지 않습니다.
</video>
다음은 <video> 태그의 일반적인 특성입니다.
| 재산 | 값 | 설명하다 |
자동 플레이 | 자동 플레이 | 이 속성이 나타나면 비디오가 준비된 직후에 재생됩니다. |
통제 수단 | 통제 수단 | 이 속성이 나타나면 컨트롤이 재생 버튼과 같은 사용자에게 표시됩니다. |
키 | 픽셀 | 비디오 플레이어의 높이를 설정하십시오. |
고리 | 고리 | 이 속성이 나타나면 미디어 파일이 재생을 마치면 재생이 다시 시작됩니다. |
예압 | 예압 | 이 속성이 나타나면 페이지가로드되어 재생할 준비가되면 비디오가로드됩니다. 자동 재생이 사용되면이 속성은 무시됩니다. |
SRC | URL | 재생할 비디오의 URL. |
너비 | 픽셀 | 비디오 플레이어의 너비를 설정합니다. |
HTML5 비디오 태그 비디오의 출현으로 인해 사용자의 웹 경험이 크게 향상되었으며 사용자가 탐색하고 사용하는 것이 더 편리합니다.