Heim > Web-Frontend > Front-End-Fragen und Antworten > Was sind die Medienelemente in HTML5?

Was sind die Medienelemente in HTML5?

青灯夜游
Freigeben: 2022-01-11 16:51:39
Original
7601 Leute haben es durchsucht

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.

Was sind die Medienelemente in HTML5?

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

<video src="视频路径" controls></video>
Nach dem Login kopieren

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

2. Audioelement

<audio src="音频路径" controls></audeo>
Nach dem Login kopieren

3. Quellelement

-Tag definiert Medienressourcen für Medienelemente (wie

-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>
Nach dem Login kopieren

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

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>
Nach dem Login kopieren

5. Einbettungselement

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

<embed src="媒体文件" />
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage