Einführung in die Verwendung von HTML5-Video-Video-Tag_HTML5-Tutorial-Fähigkeiten

HTML ist auf HTML 5 anwendbar und wird zum Definieren von Video-Streaming-Medien für die Online-Anzeige verwendet.

Code kopieren Der Code lautet wie folgt: Hier ist der Kommentartext. Wenn HTML 5 nicht unterstützt wird, wird der Browser dies tun Zeigen Sie den Text hier an. Sofern unterstützt, wird das Video direkt angezeigt und der Text ignoriert. Wenn Sie in HTML 4 und früher ein Video zur Online-Anzeige in eine Webseite einbetten möchten, müssen Sie im Allgemeinen den Flash-Videostream verwenden. Mit den Tags können Sie es abspielen SWF-, FLV- und andere Formatvideodateien, aber die Voraussetzung ist, dass der Browser ein Drittanbieter-Plug-in installieren muss: Adobe Flash Player. Moderne Smartphones und iPads unterstützen Flash in der Regel nicht und können daher keine Videos im Internet durchsuchen. HTML 5 hat diese Tatsache geändert. Webentwickler müssen nur das Tag verwenden, um Videodateien ohne Plug-Ins von Drittanbietern zu laden.

<table style="BORDER-BOTTOM: rgb(221,221,221) 1px solid; TEXT-ALIGN: center; BORDER-LEFT: rgb(221,221,221) 1px solid; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: none; BACKGROUND-COLOR: rgb(255,255,255); FONT-VARIANT: normal; FONT-STYLE: normal; TEXT-INDENT: 0px; MARGIN: 9px 0px; PADDING-LEFT: 0px; WIDTH: 639px; PADDING-RIGHT: 0px; BORDER-COLLAPSE: collapse; FONT-FAMILY: arial, 宋体, sans-serif; WHITE-SPACE: normal; LETTER-SPACING: normal; COLOR: rgb(37,37,37); FONT-SIZE: 12px; BORDER-TOP: rgb(221,221,221) 1px solid; FONT-WEIGHT: normal; BORDER-RIGHT: rgb(221,221,221) 1px solid; WORD-SPACING: 0px; PADDING-TOP: 0px; -webkit-text-stroke-width: 0px"> Eigenschaften Wert Beschreibung Autoplay Autoplay Wenn dieses Attribut vorhanden ist, wird das Video abgespielt, sobald es fertig ist. Steuerelemente Steuerelemente Wenn vorhanden, werden dem Benutzer Steuerelemente angezeigt, z. B. eine Wiedergabetaste. Höhe Pixelwert Stellen Sie die Höhe des Videoplayers ein. Schleife Schleife Wenn dieses Attribut angezeigt wird, beginnt die Wiedergabe erneut, nachdem die Wiedergabe der Mediendatei abgeschlossen ist. Vorspannung auto/meta/none Gibt an, ob das Video vorab geladen werden soll, mögliche Werte: Auto – lädt das gesamte Video, wenn die Seite geladen wird Meta – lädt nur die Metadaten, nachdem die Seite geladen wird Keine – lädt das Video danach nicht Die Seite wird geladen. Video wird geladen * src Videoadresse Die URL des abzuspielenden Videos. Es wird empfohlen, eine absolute Adresse zu verwenden. Breite Pixelwert Stellen Sie die Breite des Videoplayers ein. Wie schreibe ich kompatible Video-Tags?

Da alte Browser und Internet Explorer das -Element nicht unterstützen, müssen wir aus Kompatibilitätsgründen eine Lösung für diese Browser finden, die Flash-Dateien unterstützt. Leider unterstützen Firefox und Safari/Chrome, genau wie HTML 5-Audio, Videodateiformate nicht in gleicher Weise. Wenn Sie daher zu diesem Zeitpunkt HTML 5-Videos verwenden möchten, müssen Sie drei Versionen des Videos erstellen. OGG, MP4, FLV/SWF

Code kopieren Der Code lautet wie folgt: .net/ movie .ogg" type="video/ogg" /> width="320" height="240"allowscriptaccess="always"allowfullscreen="true">

Eigenschaften	Wert	Beschreibung
Autoplay	Autoplay	Wenn dieses Attribut vorhanden ist, wird das Video abgespielt, sobald es fertig ist.
Steuerelemente	Steuerelemente	Wenn vorhanden, werden dem Benutzer Steuerelemente angezeigt, z. B. eine Wiedergabetaste.
Höhe	Pixelwert	Stellen Sie die Höhe des Videoplayers ein.
Schleife	Schleife	Wenn dieses Attribut angezeigt wird, beginnt die Wiedergabe erneut, nachdem die Wiedergabe der Mediendatei abgeschlossen ist.
Vorspannung	auto/meta/none	Gibt an, ob das Video vorab geladen werden soll, mögliche Werte: Auto – lädt das gesamte Video, wenn die Seite geladen wird Meta – lädt nur die Metadaten, nachdem die Seite geladen wird Keine – lädt das Video danach nicht Die Seite wird geladen. Video wird geladen
* src	Videoadresse	Die URL des abzuspielenden Videos. Es wird empfohlen, eine absolute Adresse zu verwenden.
Breite	Pixelwert	Stellen Sie die Breite des Videoplayers ein.

Einführung in die Verwendung von HTML5-Video-Video-Tag_HTML5-Tutorial-Fähigkeiten

In Verbindung stehende Artikel