HTML5 - Video

Wenn wir Dokumente erstellen HTML oft müssen wir unsere Inhalte bereichern und auch schon oft die Verwendung von Animationen oder Effekten mit Javascript Es reicht nicht aus, in diesen Fällen müssen wir uns um den Multimedia-Inhalt bemühen, der unseren Bedürfnissen entspricht, sei es eine Aufnahme, ein Lied oder ein Video.
Bei Multimediaarbeiten können wir Audio und Video mit der Angabe von HTML5, unter Verwendung der neuen Tags, damit wir nicht auf Sprachen oder Plugins von Drittanbietern angewiesen sind.
Videoelement
HTML5 Es unterstützt das Einfügen von Videos als Teil des Dokuments oder der Seite, die erstellt werden, ohne dass Flash Player oder ein anderes Plug-In verwendet werden muss, wodurch die Stabilität des Browsers erhöht wird, da Plug-Ins oft die Hauptursache sind für die Browser versagen, da diese Add-Ons ständig aktualisiert werden und mit neuen Funktionen oder Verbesserungen in Konflikt geraten können.
Das Element HTML5-Video Es ermöglicht uns, Videos ohne die Hilfe eines Plugins einzubetten, mit diesem können wir kleine oder große Videos auf unseren Seiten abspielen und deren Inhalte anreichern.
Um das Videoelement zu verwenden, müssen wir die folgenden Eigenschaften kennen, damit wir den Code der nächsten Beispiele verstehen können.
Element: Video.
Lokale Attribute: Autoplay, Preload, Steuerung, Loop, Poster, Höhe, Breite, stummgeschaltet,
src.
Es sollte beachtet werden, dass dieses Element völlig neu ist in HTML5 Daher ist es möglicherweise nicht mit alten Browsern kompatibel.
Sobald wir das Element und seine lokalen Attribute kennen, sehen wir uns einen kleinen Code zur Implementierung eines Videos an:

 Beispielvideo kann nicht angezeigt werden 

Wie wir sehen, starten wir ein Video-Tag, legen seine Größenparameter, die Schriftart und die src fest, in der wir das Video finden. In diesem Fall sollte es sich im selben Ordner befinden wie die Datei, die das enthält HTMLFalls das Video nicht zu sehen ist, müssen wir eine Nachricht anzeigen und dann das Tag schließen.Wenn wir Seiten mit Video durchsucht haben, werden wir feststellen, dass uns alles sehr bekannt ist, wenn wir dieses Ergebnis sehen; Sehen wir uns ein Bild davon an, wie unser Video aussehen sollte:

Wie wir bemerkt haben, ist es eine ziemlich saubere und funktionale Implementierung.
Wir wussten bereits, welche lokalen Attribute das Video-Tag tragen kann, und haben sie in unserem Beispiel sogar auf die Probe gestellt. Jetzt sehen wir uns an, was jedes einzelne bedeutet.
automatisches Abspielen - Wenn wir dieses Attribut setzen, wird der Browser so schnell wie möglich mit der Wiedergabe des Videos beginnen.
Vorspannung - gibt an, dass der Browser das Video vorab laden soll oder nicht, je nachdem, was wir in diesem Attribut angeben.
Kontrollen - Der Browser zeigt die Steuerelemente nur an, wenn dieses Attribut vorhanden ist.
Schleife - Falls vorhanden, spielt der Browser das Video in einer Endlosschleife ab.
Poster - Geben Sie ein Bild an, das angezeigt werden soll, während das Video geladen wird.
Höhe - gibt die Höhe des Videoelements an.
Breite - gibt die Breite des Videoelements an.
stummgeschaltet - Falls vorhanden, teilt es dem Browser mit, dass das Video zunächst ohne Lautstärke abgespielt werden soll.
src - Geben Sie den Pfad des abzuspielenden Videos an.
Damit beenden wir dieses Tutorial, in dem wir unseren ersten Ansatz zum Videoelement hatten und wie man es in einem Dokument verwendet HTMLAuf diese Weise haben wir ein neues Werkzeug, um unsere Seiten zu bereichern.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben