Was sind die Medienelemente in HTML5?

Die Medienelemente in HTML5 sind: 1. Videoelement, das zur Definition von Video im Dokument verwendet wird; 2. Audioelement, das zur Definition von Ton im Dokument verwendet wird; 3. Quellelement, das zur Bereitstellung von Medienelementen (Video, Audio, usw.) Medienressourcen definieren; 4. Track-Element; 5. Embed-Element.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Medienelemente in HTML5

HTML5 unterstützt Medien stark und unterstützt die folgenden Medienelemente:

• Audio Audio definieren

• Video Video definieren

• Als externen Anwendungscontainer einbetten.

• source Unterstützung für mehrere Medienquellen

• track Definieren Sie die Textverfolgung von Medien

1. Videoelement

39000f942b2545a5315c57fa3276f220 Tag definiert Videos, z. B. Filmclips oder andere Videostreams.

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

src ist der Pfad, der die hochzuladende Videodatei angibt; Kontrollen ist die Steuerung, die Wiedergabe, Pause und Lautstärke bereitstellt.

2. Audioelement

b97864c2e0ef2353a16c4d64c7734e92

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

3. Quellelement

e02da388656c3265154666b7c71a8ddc-Tag definiert Medienressourcen für Medienelemente (wie 39000f942b2545a5315c57fa3276f220 und b97864c2e0ef2353a16c4d64c7734e92). Mit dem

e02da388656c3265154666b7c71a8ddc-Tag können Sie alternative Video-/Audiodateien angeben, die der Browser basierend auf seinem Medientyp oder seiner Codec-Unterstützung auswählen kann.

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

Mit dem Source-Tag werden mehrere Formate für Video- oder Audioressourcen festgelegt, sodass der Browser das Format auswählen kann, das er abspielen kann.

4. Track-Element

9bf7cbf2c39baa37076a22499de2f6ed gibt eine externe Textspur für Medien wie Videoelemente an.

<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. Einbettungselement

d8e2720730be5ddc9c2a3782839e8eb6 Tag definiert eingebettete Inhalte, wie z. B. Plug-ins.

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

Verwandte Empfehlungen: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas sind die Medienelemente in HTML5?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!