HTML5 비디오 (동영상)

많은 사이트에서 동영상을 사용합니다. HTML5 표준 비디오 디스플레이를 제공한다.

비디오 웹 사이트

지금까지 여전히 페이지에 비디오 디스플레이하기위한 표준이 존재하지 않습니다.

오늘 (예 : 플래시 등) 플러그인을 통해 대부분의 비디오를 표시합니다. 그러나, 모든 브라우저에서 동일한 플러그인을 가지고있다.

HTML5 비디오 요소를 통해 비디오를 포함하는 표준 방식을 지정한다.

브라우저 지원

인터넷 익스플로러 9 이상, 파이어 폭스, 오페라, 크롬, 사파리 지원 <동영상> 요소입니다.

참고 : IE의 인터넷 익스플로러 8이전 버전의 <동영상> 요소를 지원하지 않습니다.

HTML5 (비디오) - 작동 방법

HTML5 비디오를 표시하려면, 당신이 필요로하는 모든입니다 :

<비디오> 요소는 재생, 일시 정지를 제공하고, 부피가 동영상을 제어하는 ​​제어한다.

동시에 <비디오> 요소의 요소는 높이를 제공 폭 특성은 영상의 크기를 제어한다. 만약 높이와 필요한 비디오 공간의 폭을 설정하면 페이지가로드 될 때 유지된다. . 이러한 속성을 설정하지 않으면 브라우저에서 비디오의 크기를 알 수 없습니다,로드 할 때 특정 공간을 확보 할 수없는 브라우저 페이지는 원본 비디오의 크기 변화를 기반으로합니다.

</ 비디오> 태그를 삽입 내용 사이의 <비디오> 브라우저에 표시되는 비디오 요소를 지원하는 데 사용할 수 없습니다.

<동영상> 요소는 여러 <소스> 요소를 지원합니다. <자료> 요소는 서로 다른 비디오 파일에 링크 할 수 있습니다. 브라우저는 제 인식 포맷을 사용할 것이다 :

비디오 포맷 및 브라우저 지원

MP4, WebM을, 그리고 오그 : 현재, <동영상> 요소는 세 가지 비디오 포맷을 지원합니다 :

• H.264 비디오 및 AAC 오디오 인코딩 MP4 = MPEG 4 파일
• VP8 비디오 및 보비스와의 WebM = WebM을 파일을 오디오 코딩 인코딩
• 테오 라 (Theora) 인코딩 된 비디오와 보비스 인코딩 된 오디오 오그 = 오그 파일

비디오 포맷

HTML5 <비디오> - DOM의 사용을 제어 할 수

HTML5 <비디오> 및 <오디오> 요소도 가지고는 메서드, 속성 및 이벤트.

방법 <비디오> 및 <오디오> 요소, 속성 및 이벤트는 자바 스크립트를 이용하여 제어 될 수있다.

방법 등등, 재생, 일시 중지 및로드하는 데 사용되는. 상기 (등 기간, 부피 등)의 속성을 판독하거나 설정 될 수있다. DOM 이벤트가 말하자면, <동영상> 요소가 재생을 시작, 당신을 알릴 수있어서, 일시 정지, 등등을 중지합니다.

간단한 방법의 예로는, 우리가 읽고 설정 속성 및 메서드를 호출하는 방법은 <동영상> 요소를 사용하는 방법을 보여줍니다.

이상 기준을 참조하십시오 HTML5 오디오 / 비디오 DOM 참조 설명서를 .

HTML5 비디오 태그