Video -Tag in HTML | Erklärt

Das Hinzufügen von Videos auf den Websites kann eine ansprechende Möglichkeit sein, Ihre Gedanken auszudrücken, und daher können Videos mehr Zuschauer anziehen. Mit Videos kann man einige komplizierte Konzepte auf sehr einfache und effektive Weise liefern. HTML bietet also ein Tag, um ein Video auf die Websites einzubetten. Ein Tag kann mehrere Attribute haben, um das Verhalten eines beliebigen Videos zu steuern.

In diesem Artikel wird ein detailliertes Verständnis der folgenden Konzepte dargestellt:

• Syntax des Tags
• Attribute des Tags
• Support- und Videoformate des Browsers
• So verwenden Sie das Tag in HTML

Syntax

Das untergegebene Snippet zeigt die grundlegende Syntax des Tags an.

Attribute

• Kontrollen: Wird verwendet, um die Steuerungsoptionen dem Benutzer E anzuzeigen.G. Spielen, Pause, Stummschaltung usw.
• SRC: bestimmt die URL
• Schleife: Video wird in einer Schleife I gespielt.e. wieder und wieder.
• gedämpft: Anfangs wird das Video gedämpft
• Vorspannung: Geben Sie die Ansicht des Autors darüber an, wie das Video geladen wird, wenn die Webseite geladen wird
• automatisches Abspielen: Video wird automatisch abgespielt
• Höhe: Wird verwendet, um die Größe des Videos anzugeben
• Breite: Wird verwendet, um die Breite des Videos anzugeben
• Poster: Wird verwendet, um ein Bild während des Video -Herunterladens zu zeigen.

Support- und Videoformate des Browsers

Tag hat drei Formate i.e. MP4, Webm, OGG und diese Formate werden im Quellelement des Attributs "Typ" angegeben. Chrome, Microsoft Edge, Opera und Mozilla Firefox unterstützen alle drei Videoformate, während Safari und Internet Explorer nur MP4 -Format unterstützen.

Mehrere Formate können im Tag verwendet werden, sodass es eine gute Praxis ist, zwei Formate (OGG und MP4) im Video -Tag anzugeben, damit das Video an den meisten Browsern abgespielt wird. Der Browser verwendet das erste erkannte Videoformat. Wenn der Browser kein der angegebenen Dateiformate erkennt, wird der im Start- und End -Tag geschriebene Text angezeigt.

So verwenden Sie das Tag in HTML

In HTML -Tag können mehrere Attribute verwendet werden, um das Verhalten von Tag wie z "Kontrollen" Aktivieren Sie die Sichtbarkeit der Kontrollen i.e. Spielen, Pause usw. Das folgende Stück Code erläutert, wie das Tag in HTML verwendet wird:

Der oben gegebene Snippet zeigt die folgende Ausgabe an:

Kontrollen sind sichtbar, Video ist gedämpft, es überprüft, dass alle Attribute perfekt funktionieren.

Beispiel

Jetzt werden wir den obigen Code ändern, um die Arbeit des Posterattributs zu testen:

Jetzt wird im Video ein Bild angezeigt, bis wir erst auf die Wiedergabetaste geklickt haben:

In ähnlicher Weise können Sie die Arbeit der verbleibenden Attribute testen.

Abschluss

Das Tag kann verwendet werden, um ein Video auf einer Website hinzuzufügen. In der Video -Tag können verschiedene Attribute verwendet werden, um verschiedene Funktionen auszuführen e.G. Das Poster zeigt ein Bild an, bis jemand auf das Video klickt, Autoplay ermöglicht es einem Video, automatisch abzuspielen und so weiter. Dieser Artikel zeigt, was HTML -Tag ist und wie das Tag verwendet wird. Darüber hinaus bietet es eine detaillierte Erklärung der verfügbaren Videoformate und Browserunterstützung.