Artikeleinführung von Wulin.com (www.vevb.com): HTML 5 Videoübersicht.
1 Videoeinführung
Zitieren Sie den Einführungstext aus meinem übersetzten Dokument "Einbetten Audio und Video in HTML5 -Seiten": Heute ist die einzige zuverlässige Möglichkeit, Videos auf Webseiten einzubetten, und sehen Sie sie alle Benutzer, unabhängig von ihrem Browser oder Betriebssystem, die Verwendung von Flash. Dies erfordert das Adobe -Flash -Plugin und kombiniert die Tags <Object> und <Bett>.
Die meisten Benutzer haben bereits Flash -Plugins installiert (in der Tat haben etwa 95% der Internetnutzer eine bestimmte Version von Flash), aber HTML 5 -Unterstützer drängen auf einen offenen Videostandard, für den keine Plugins erforderlich sind. Dies ist die Idee, die dem neuen Tag <Videos von HTML 5 von HTML 5 mitgebracht wird, das eine Möglichkeit bietet, Videos (und interagieren mit ihnen zu interagieren), ohne private Plugins wie Flash erforderlich zu machen.
Leider ist das Video nicht so einfach. Der Browser muss nicht nur das <video> -Tag verstehen, sondern auch eine notwendige Codierung und Decoder, um Videos abzuspielen. Die offensichtliche Lösung besteht nur darin, dass die Ersteller von HTML 5 -Spezifikationen einen Video -Codec auswählen und jedem Browserhersteller ihn ausführen lassen.
Wie auch immer, das empfehlen Sie. Gleichzeitig ist dies auch die Sicherung, die Chaos verursacht. Die Debatte über eine Vielzahl von Codecs ist bereits sehr nervig, aber die tragischere Sache ist, dass Browserhersteller kein einheitliches Ende erreichen können. Apple zögert, die vorgeschlagene OGG -Theora -Codec zu verwenden, aber Opera und Mozilla sind auch nicht bereit, die Lizenzgebühren zu bezahlen, da die Browser die H.264 -Codec beladen. Google unterstützt beide, und Microsoft liegt weit hinter der Debatte, da es keine Pläne hat, HTML 5 Videoelemente zu unterstützen.
Angesichts der Pattierung der Browserhersteller schüttelte HTML 5 gut gemeinter Diktator Ian Hickson seine Hand und sagte verdammt. Daher gibt es in der HTML 5 -Spezifikation keine speziell benannte oder angegebene Videocodierungs -Codec. OK, zitiere hier.
Die Situation ist, dass Microsoft endlich gefangen ist, aber tragischerweise unterstützt es nur H.264 in IE 9. Gleichzeitig hat Google auf der E/A -Konferenz schließlich das Open -Source -Video -Kapselungsformat Webm und Video -Codierungsformat VP8 veröffentlicht. Opera, Mozilla und Chrome kündigten an, dass sie VP8 vollständig unterstützen werden, und der IE kündigte an, dass einige Unterstützung (ein Plug-In erforderlich ist. Wenn ich mich jedoch richtig erinnere, besteht eine der Visionen von HTML5 darin, das Browser-Plug-in zu verlassen, was für Microsoft wirklich tragisch ist).
Apple entschied sich, VP8 nicht zu unterstützen. Jobs ist der Ansicht, dass VP8 in Bezug auf Qualität oder Effizienz nicht so gut wie H.264 ist und die Anforderungen seiner Produkte nicht erfüllen kann. Darüber hinaus zeigen die neuesten Nachrichten, dass VP8 auch Patentprobleme beinhalten kann (wenn das Patent wirklich verletzt ist, werden Opera und Firefox VP8 wahrscheinlich sofort ignorieren).
Nachdem Sie am Ende so viel gesagt haben, müssen Sie drei Situationen in Betracht ziehen: diejenigen, die OGG Theora oder VP8 unterstützen (wenn nichts mit diesem Ding passiert) (Opera, Mozilla, Chrome), diejenigen, die H.264 (Safari, z.
Lassen Sie uns nun HTML 5 -Videos aus technischer Ebene verstehen, einschließlich der Verwendung von <video> -Tags, Medieneigenschaften und Methoden, die Videoobjekte verwenden können, und Medienereignisse.
2 VIDEO -TAG -Nutzung
Das Video -Tag enthält mehrere Attribute wie SRC, Poster, Vorspannung, Autoplay, Schleife, Steuerelemente, Breite, Höhe usw. sowie ein intern verwendetes Tag <Script>.
Zusätzlich zum <quelle> -Tag kann das Video -Tag auch den zurückgegebenen Inhalt enthalten, wenn keiner der angegebenen Videos nicht abgespielt werden kann.
2.1 SRC -Attribut und Posterattribut
Können Sie sich vorstellen, wofür das SRC -Attribut verwendet wird? Wie das <MEG> -Tag wird diese Eigenschaft verwendet, um die Adresse des Videos anzugeben.
Das Poster -Attribut wird verwendet, um ein Bild anzugeben und es anzuzeigen, wenn die aktuellen Videodaten ungültig sind (Vorschau -Bild). Die ungültigen Videodaten können darauf liegen, dass das Video geladen wird. Dies kann daran liegen, dass die Videoadresse falsch ist.
2.2 Vorspannungsattribut
Diese Eigenschaft kann auch namentlich verwendet werden, um zu definieren, ob das Video vorinstalliert ist. Es gibt drei optionale Werte für Attribute: Keine, Metadaten und Auto. Wenn diese Eigenschaft nicht verwendet wird, ist die Standardeinstellung automatisch.
Keine: Keine Vorspannung. Die Verwendung dieses Eigenschaftswerts kann sein, dass der Seitenhersteller der Ansicht ist, dass der Benutzer dieses Video nicht erwartet oder HTTP -Anforderungen reduziert.
Metadaten: teilweise vorinstalliert. Durch die Verwendung dieses Attributwerts ist der Seitenhersteller der Ansicht, dass der Benutzer dieses Video nicht erwartet, sondern dem Benutzer Metadaten (einschließlich Größe, Erstrahmen, Titelliste, Dauer usw.) bietet.
AUTO: Alles vorinstalliert.
2.3 Autoplay -Attribute
Ein weiteres Attribut, das seine Verwendung nach dem Namen kennt. Die Autoplay -Eigenschaft wird verwendet, um festzustellen, ob das Video automatisch abgespielt wird, und ist eine Boolesche Eigenschaft. Wenn es angezeigt wird, bedeutet dies eine automatische Wiedergabe, und das Entfernen bedeutet, dass es nicht automatisch wiederholt wird.
Beachten Sie, dass die Werte des booleschen Attributs in HTML nicht wahr und falsch sind. Die korrekte Verwendung besteht darin, dieses Attribut zu verwenden, um True im Tag darzustellen. Zu diesem Zeitpunkt hat das Attribut entweder keinen Wert oder sein Wert entspricht immer seinem Namen (hier ist die automatische Wiedergabe <Video autoplay /> oder <Video autoplay = autoplay />); Während dieses Attribut im Tag nicht verwendet wird, um false darzustellen (hier ist die automatische Wiedergabe <videos />).
2.4 Schleifenattribute
Auf einen Blick ist klar, dass das Schleifenattribut verwendet wird, um festzustellen, ob das Video Schleife abgespielt wird, und es ist auch ein boolescher Attribut.
2.5 Steuerungsattribut
Mit der Eigenschaft der Steuerelemente wird dem Browser angezeigt, dass der Seitenhersteller keine Skripte verwendet, um den Wiedergabesteuerungs -Controller zu generieren, und der Browser benötigt den Browser, um seine eigene Wiedergabesteuerungsleiste zu aktivieren.
Die Kontrollleiste muss die Wiedergabesteuerung, die Wiedergabesteuerung, die Lautstärkeregelung usw. enthalten.