HTML5-Video
Viele Websites verwenden HTML5 als Standard für die Anzeige von Videos.
Videos auf Websites
Bisher gab es keinen Standard für die Anzeige von Videos auf Webseiten.
Heutzutage werden die meisten Videos über Plug-ins (z. B. Flash) angezeigt. Allerdings verfügen nicht alle Browser über die gleichen Plugins.
HTML5 gibt eine Standardmethode zum Einbinden von Videos über das Videoelement an.
Videos auf der Website
Bis jetzt ist es immer noch so Nicht vorhanden Ein Standard zur Anzeige von Videos auf Webseiten.
Heutzutage werden die meisten Videos über Plug-ins (z. B. Flash) angezeigt. Allerdings verfügen nicht alle Browser über die gleichen Plugins.
HTML5 gibt eine Standardmethode zum Einbinden von Videos über das Videoelement an.
HTML5 (Video) – So funktioniert es
Um ein Video in HTML5 anzuzeigen, benötigen Sie lediglich:
Beispiel
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">您的浏览器不支持Video标签。</video> < Das ;video>-Element bietet Steuerelemente für Wiedergabe, Pause und Lautstärke zur Steuerung des Videos.
Gleichzeitig stellt das Element
auch Breiten- und Höhenattribute bereit, um die Größe des Videos zu steuern reserviert werden, wenn die Seite geladen wird. . Wenn diese Eigenschaften nicht festgelegt sind und der Browser die Größe des Videos nicht kennt, kann der Browser beim Laden keinen bestimmten Platz reservieren und die Seite ändert sich basierend auf der Größe des Originalvideos. Der zwischen den Tags eingefügte Inhalt wird für die Anzeige in Browsern bereitgestellt, die das Videoelement nicht unterstützen. Das
-Element unterstützt mehrere -Elemente. Der Browser verwendet das erste erkannte Format:
Videoformate und Browserunterstützung
Derzeit unterstützt das drei Videoformate: MP4, WebM und Ogg :
Audio-Kodierung
Ogg = Ogg-Datei mit Theora-Videokodierung und Vorbis-Audiokodierung
Videoformat
HTML5 – Steuerung mit DOM
HTML5 -Elemente haben auch Methoden, Eigenschaften und Ereignisse. Die Methoden, Eigenschaften und Ereignisse der
-Elemente können mithilfe von JavaScriptgesteuert werden laden warten. Die Eigenschaften (wie Dauer, Lautstärke etc.) können ausgelesen bzw. eingestellt werden. Die DOM-Ereignisse können Sie beispielsweise darüber informieren, dass die Wiedergabe des -Elements begonnen hat, angehalten wurde, gestoppt wurde usw. -Element verwendet, Attribute liest und setzt und wie man Methoden aufruft.
HTML5-Video-Tag
[Verwandte Empfehlungen]
HTML/CSS-kostenloses Video-Tutorial
2. Beschreiben Sie kurz die Parameter und Attribute des Webseite kann nicht abgespielt werden
4. Bringen Sie Ihnen bei, wie Sie HTML5-Audio und -Video sinnvoll nutzen können
5 Kompatibilität von Video-Tags in H5 in Browsern Sex
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der HTML5-Standards für die Videodarstellung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
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
