HTML5의 비디오 태그에 대한 자세한 소개

이 글은 HTML5의 동영상 태그에 대한 자세한 소개를 제공합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

<video src="http://www.lorem.com/video/lorem.mp4" controls="controls" width="500" height="300"></video>

MP4 = H264 비디오 코덱 및 AAC 오디오 코덱을 사용하는 MPEG 4 파일#🎜🎜 #

WebM = WebM 파일은 VP8 비디오 코덱과 Vorbis 오디오 코덱을 사용합니다

Ogg = Ogg 파일은 Theora 비디오 코덱과 Vorbis 오디오 코덱을 사용합니다

# 🎜🎜#위의 정보를 통해 우리는 단지 h264로 인코딩된 MP4 비디오(MPEG-LA 회사), VP8로 인코딩된 webm 형식 비디오(Google 회사) 및 Theora로 인코딩된 ogg 형식 비디오(iTouch 개발)는 html5

브라우저가 동영상 태그를 지원하지 않으면 어떻게 되나요?

예를 들어, IE 브라우저와 이전 버전의 브라우저는 HTML5를 잘 지원하지 않습니다. 이러한 브라우저를 사용하여 동영상이 포함된 웹페이지를 열려면 어떻게 해야 하나요?

다음과 같이 코드를 작성할 수 있습니다:

<video src="http://sp.ntaotu.com/localhost-wordpress-phpstudy.mp4" controls="controls" width="500" height="300">您的浏览器不支持播放该视频！</video>

이렇게 하면 HTML5를 지원하지 않는 브라우저에서는 "귀하의 브라우저는 이 비디오 재생을 지원하지 않습니다!"라는 메시지가 표시됩니다. "!

동영상 태그의 확장 매개변수 설명 정보:

동영상 요소는 여러 소스 요소를 허용합니다. 소스 요소는 다양한 비디오 파일을 연결할 수 있습니다. 브라우저는 첫 번째로 인식되는 형식을 사용하므로 다양한 형식의 비디오를 몇 개만 더 준비하면 됩니다.

Usage:

<video width="500" height="250" controls="controls">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
您的浏览器不支持此种视频格式。
</video>

autoplay: 이 속성이 있으면 비디오가 준비되면 자동으로 재생된다는 의미입니다. 사용법: autoplay="autoplay"

#🎜🎜 #controls : 이 속성의 출현은 재생 버튼 등과 같은 컨트롤이 사용자에게 표시된다는 것을 의미합니다. 사용법:controls="controls"

height: 높이 설정 Width

#🎜 🎜#loop: 자동 재생, 사용법: loop="loop"

preload: 페이지가 로드되면 비디오가 로드되고 재생할 준비가 됩니다. 사용법: preload="auto" - 전체 비디오 로드 페이지가 로드될 때 preload="meta" - 페이지가 로드될 때 메타데이터만 로드합니다. preload="none" - 페이지가 로드될 때 비디오를 로드하지 않습니다. 참고: 자동 재생을 사용하는 경우 사전 로드를 무시하세요

src: 동영상을 재생할 URL

여기서