HTML5 비디오 태그 비디오 구문 분석

HTML5 비디오 태그 비디오 는 새로운 요소 비디오 태그로 HTML4에 나타나지 않은 새로운 태그입니다. 웹 페이지에는 비디오를 표시하는 표준이 없기 때문에 브라우저에는 비디오를 재생하려면 플러그인을로드해야합니다. 플러그인 자체의 플러그인이나 문제가 너무 많으면 브라우저가 쉽게 가짜를 만들고 불편하게 만들 수 있습니다. 따라서 HTML5 비디오 태그 비디오는 브라우저가 플러그인을로드하고 사용자의 웹 경험을 더욱 향상시키고 브라우저의 가짜 사망을 줄여야하는 상황을 변경합니다. 비디오 태그를 통해 사용자는 편안하고 즐거운 상황에서 비디오를 볼 수 있습니다.

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 비디오 태그 비디오의 출현으로 인해 사용자의 웹 경험이 크게 향상되었으며 사용자가 탐색하고 사용하는 것이 더 편리합니다.