주석 : 대부분의 비디오는 플래시와 같은 플러그인을 통해 표시됩니다. 그러나 모든 브라우저가 동일한 플러그인을 갖는 것은 아니며 HTML5는 비디오 요소를 통해 비디오를 포함시키는 표준 방법을 지정합니다.
오늘날 대부분의 비디오는 플러그인 (예 : 플래시)을 통해 표시됩니다. 그러나 모든 브라우저에 동일한 플러그인이있는 것은 아닙니다.HTML5는 비디오 요소를 통해 비디오를 포함시키는 표준 방법을 지정합니다.
HTML5에서 비디오 요소는 현재 세 가지 형식의 비디오 파일을 지원합니다.
1.OGG = OGG 파일 Theora 비디오 인코딩 및 Vorbis 오디오 인코딩이있는 OGG 파일
2.MPEG4 = MPEG 4 파일 H.264 비디오 인코딩 및 AAC 오디오 인코딩
3.Webm = VP8 비디오 인코딩 및 Vorbis 오디오 인코딩이있는 웹 파일
그렇다면 HTML5에 비디오를 표시하는 방법은 무엇입니까? 예는 다음과 같습니다.
<video src = "demo.mp4"controls = "controls"> 브라우저는이 비디오 형식을 지원하지 않습니다. </video>
좋아, 비디오 요소의 각 속성의 의미를 설명해 봅시다. 그중에서도 너비와 높이는 설명되지 않습니다. 우리는 주로 통제에 대해 이야기합니다. 이름에서 알 수 있듯이 컨트롤은 컨트롤입니다. 하하, 비디오 재생, 볼륨 일시 정지 등과 같은 컨트롤입니다. 비디오 요소의 중간에 삽입 된 중국어는 스마트 한 것임을 알아야하며 브라우저가 비디오 형식의 사용을 지원하지 않음을 사용자에게 프롬프트합니다.
Safari 브라우저에 적합한 지 확인하려면 비디오 파일은 MP4 유형이어야합니다. OGG 형식 비디오는 Firefox, Opera 및 Chrome 브라우저에 적합합니다. Internet Explorer 8은 비디오 요소를 지원하지 않습니다. IE 9에서는 MPEG4를 사용한 비디오 요소에 대한 지원이 제공됩니다.
물론 브라우저가 지원하는 비디오 형식의 형식이 확실하지 않으면 먼저 확인할 수 있습니다. 탐지 방법은 다른 블로그 게시물에서 사용할 수 있습니다. 관심이 있으시면 확인할 수 있습니다. 귀찮고 싶지 않다면 어떻게해야합니까? 우리는 이것을 할 수 있습니다 :
<video controls = "controls">
<소스 src = "movie.ogg"type = "video/ogg">
<소스 src = "movie.mp4"type = "video/mp4">
브라우저는이 비디오 형식을 지원하지 않습니다.
</video>
비디오 요소는 여러 소스 요소를 허용합니다. 소스 요소는 다른 비디오 파일을 연결할 수 있습니다. 브라우저는 첫 번째 인식 가능한 형식을 사용하므로 여러 형식의 비디오를 추가로 준비하면됩니다.
다음으로 여러 비디오 태그의 속성을 소개합니다.
1. AUTOPLAY :이 속성은 비디오가 준비되면 자동으로 재생된다는 것을 의미합니다. 사용법 : AutoPlay = AutoPlay
2. 제어 :이 속성이 나타나는 경우 사용자가 재생 버튼 등과 같은 컨트롤로 표시됨을 의미합니다. 사용법 : 컨트롤 = 컨트롤
3. 높이 : 높이를 설정하십시오
4.width : 너비를 설정합니다
5. 루프 : 자동 재생, 사용 : 루프 = 루프
6. 리로드 : 페이지가로드되면 비디오가로드되어 재생할 수 있습니다. 사용법 : 예압 = 자동
자동 - 페이지로드 후 전체 비디오를로드합니다.
메타 - 페이지가로드 된 후 메타 데이터 만로드됩니다.
없음 - 페이지가로드 된 후 비디오가로드되지 않습니다.
참고 : 자동 재생이 사용되면 예압이 무시됩니다.
7.SRC : 비디오를 재생할 URL