suchen

Heim >Web-Frontend >H5-Tutorial >Grundlegende Methoden zum Einbetten von Audio- und Videowiedergabe in Webseiten mithilfe von HTML5_html5-Tutorial-Tipps

Grundlegende Methoden zum Einbetten von Audio- und Videowiedergabe in Webseiten mithilfe von HTML5_html5-Tutorial-Tipps

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 15:45:523060Durchsuche

HTML5-Funktionen einschließlich nativer Audio- und Videounterstützung ohne Flash.

Mit den

HTML5-Tags

Ein Video einbetten
Die folgende Methode ist die einfachste Möglichkeit, eine Videodatei in eine Webseite einzubetten:

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. <Video src="foo.mp4" Breite="300" Höhe=„200“ Steuerelemente>
  2. Ihr Browser unterstützt das <Video>-Element nicht.
  3. Video>
Der aktuelle HTML5-Spezifikationsentwurf legt nicht fest, welche Videoformate Browser im Video-Tag unterstützen sollen. Die am häufigsten verwendeten Videoformate sind jedoch:

Ogg: Ogg-Dateien mit Thedora-Video-Encoder und Vorbis-Audio-Encoder.

mpeg4: MPEG4-Datei mit H.264-Video-Encoder und AAC-Audio-Encoder.

Wir können Mediendateien mithilfe des -Tags mit Medientyp und anderen Attributen angeben. Das Videoelement lässt mehrere Quellelemente zu und der Browser verwendet das erste erkannte Format:

XML/HTML-Code
Inhalt in die Zwischenablage kopieren
  1. >  
  2. <html>  
  3. <Körper>  
  4.    <Video  Breite="300"  Höhe="200" steuert die automatische Wiedergabe>  
  5.        <Quelle src="/html5 /foo.ogg" type="video/ogg" /> ;  
  6.        <Quelle src="/html5 /foo.mp4" type="video/mp4" /> ;  
  7.        Ihr Browser unterstützt das Element <Video> nicht.   
  8.    Video>  
  9. Körper>  
  10. html>  

Video 属性规范
HTML5-Video >


Audio einbetten
HTML5 unterstützt das
Stellungnahme：
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
Vorheriger Artikel：Verwenden von SVG zum Zeichnen des WeChat-Logos mit neuen Funktionen von HTML5 _HTML5-Tutorial-FähigkeitenNächster Artikel：Verwenden von SVG zum Zeichnen des WeChat-Logos mit neuen Funktionen von HTML5 _HTML5-Tutorial-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen