html5의 미디어 요소는 무엇입니까?

HTML5의 미디어 요소는 다음과 같습니다. 1. 문서에서 비디오를 정의하는 데 사용되는 비디오 요소 2. 문서에서 사운드를 정의하는 데 사용되는 오디오 요소 3. 미디어 요소(비디오, 오디오, 등) 미디어 리소스를 정의합니다. 4. 트랙 요소 5. 삽입 요소.

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML5의 미디어 요소

HTML5는 미디어를 강력하게 지원하며 다음과 같은 미디어 요소를 지원합니다.

• audio 오디오 정의

• video 비디오 정의

• 외부 응용 프로그램 컨테이너로 포함

• source 여러 미디어 소스 지원

• track 미디어의 텍스트 추적 정의

1. 비디오 요소

<video src="视频路径" controls></video>

src는 업로드할 비디오 파일을 지정하는 경로입니다. 컨트롤은 재생, 일시 정지 및 볼륨을 제공하는 컨트롤입니다.

2. 오디오 요소

<audio src="音频路径" controls></audeo>

3. 소스 요소

태그는 미디어 요소(예:

태그를 사용하면 브라우저가 미디어 유형이나 코덱 지원에 따라 선택할 대체 비디오/오디오 파일을 지정할 수 있습니다.

<video controls>
    <source src="vodeo/video.webm" type="video/webm"/>
</video>

source 태그의 기능은 브라우저가 재생할 수 있는 형식을 선택할 수 있도록 비디오 또는 오디오 리소스에 대한 여러 형식을 설정하는 것입니다.

4. 트랙 요소

태그는 비디오 요소와 같은 미디어에 대한 외부 텍스트 트랙을 지정합니다.

<video width="320" height="240" controls="controls">
  <source src="forrest_gump.mp4" type="video/mp4" />
  <source src="forrest_gump.ogg" type="video/ogg" />
  <track kind="subtitles" src="subs_chi.srt" srclang="zh" label="Chinese">
  <track kind="subtitles" src="subs_eng.srt" srclang="en" label="English">
</video>

5. embed 요소

태그는 플러그인과 같은 삽입된 콘텐츠를 정의합니다.

<embed src="媒体文件" />

관련 추천: "html 비디오 튜토리얼"

위 내용은 html5의 미디어 요소는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!