HTML5 Video Tag Video Parsing

Das HTML5 -Video -Tag -Video ist ein neues Element -Video -Tag, das ein neues Tag ist, das nicht in HTML4 angezeigt wurde. Da Webseiten keine Standards für die Anzeige von Videos haben, muss der Browser Plug-Ins laden, um Videos abzuspielen. Zu viele Plug-Ins oder Probleme mit dem Plug-In können leicht dazu führen, dass der Browser gefälscht und unpraktisch ist. Daher verändert das HTML5 -Video -Tag -Video die Situation, in der der Browser Plugins laden muss, das Weberlebnis des Benutzers weiter verbessern und den gefälschten Tod des Browsers verringert. Mit dem Video -Tag können Benutzer Videos in einer entspannten und angenehmen Situation ansehen.

HTML5 <VIDEO> Tag unterstützt 3 häufig verwendete Videoformate:

1. OGG = OGG -Datei mit Theora -Videocodierung und Vorbis -Audio -Codierung;

2. MPEG4 = MPEG 4 -Datei mit H.264 -Videocodierung und AAC -Audio -Codierung;

3.. Webm = Webm -Datei mit VP8 -Videocodierung und VORBIS -Audio -Codierung.

Heutzutage haben Mainstream -Browser unterschiedliche Unterstützung für Videoformate. Ich glaube, dass der Tag, an dem HTML5 offiziell veröffentlicht wird, mehr Videoformate unterstützen wird und Entwicklern und Benutzern viele Vorteile bringt.

Sprechen wir über die Verwendung von HTML5 -Video -Tag -Videos. Wenn Sie Videos im Browser anzeigen müssen, müssen Sie nur den folgenden Code kopieren:

<Video src = move.ogg width = 320 Höhe = 240 Steuerelemente = Steuerelemente>

Ihr Browser unterstützt das Video -Tag nicht.

</Video>

Steuerelemente für das Hinzufügen von Spiel-, Pause- und Lautstärkeregler. Es ist auch eine gute Idee, Breiten- und Höheneigenschaften einzuschließen. Der zwischen <video> und </Video> eingefügte Inhalt wird von Browsern angezeigt, die keine Videoelemente unterstützen.

Der obige Code verwendet eine OGG -Datei, die für Firefox, Opera und Google Chrome funktioniert. Um sicherzustellen, dass es für den Safari -Browser geeignet ist, muss die Videodatei im MPEG4 -Format enthalten sein. IE8 unterstützt keine HTML5 <VIDEO> -TAGs und IE9 unterstützt dieses Tag, muss aber auch das MPEG4 -Format verwenden.

Das Videoelement ermöglicht mehrere Quellelemente. Das Quellelement kann Videodateien in verschiedenen Formaten verknüpfen. Der Browser erkennt und verwendet das erste erkennbare Format, der Code ist wie folgt:

<Videobreite = 320 Höhe = 240 Steuerelemente = Steuerelemente>

<Source Src = Movie.ogg type = Video/ogg>

<Source Src = Movie.mp4 type = Video/mp4>

Ihr Browser unterstützt das Video -Tag nicht.

</Video>

Im Folgenden finden Sie die gemeinsamen Eigenschaften des <video> -Tags:

Eigentum	Wert	beschreiben
Autoplay	Autoplay	Wenn diese Eigenschaft angezeigt wird, wird das Video unmittelbar nach der Vorbereitung abgespielt.
Kontrollen	Kontrollen	Wenn diese Eigenschaft angezeigt wird, wird dem Benutzer ein Steuerelement angezeigt, z. B. eine Wiedergabetaste.
Höhe	Pixel	Stellen Sie die Höhe des Videoplayers fest.
Schleife	Schleife	Wenn diese Eigenschaft angezeigt wird, beginnt die Wiedergabe erneut, wenn die Mediendatei das Spielen beendet hat.
Vorspannung	Vorspannung	Wenn diese Eigenschaft angezeigt wird, wird das Video geladen, wenn die Seite geladen und zum Spielen bereit ist. Wenn Autoplay verwendet wird, wird diese Eigenschaft ignoriert.
src	URL	URL des Videos zu spielen.
Breite	Pixel	Legt die Breite des Videoplayers fest.

Die Entstehung von HTML5 -Video -Tag -Video hat die Erfahrung des Benutzers im Web erheblich verbessert und wird es den Benutzern bequemer gestalten, zu durchsuchen und zu verwenden.