Meister HTML5 Video Markup
Einfach gesagt, gibt es zwei primäre Medienelemente für HTML5, von denen beide absurd einfach zu bedienen sind. Das Videoelement genannt wird, und das Audioelement gestattet.
Im Gegensatz zu Audio, die nicht wirklich benötigt viel (oder jede) Platz auf dem Bildschirm, erfordert Video ein On-Screen-Rahmen, sowie anspruchsvoller und zahlreiche Kontrollen. Deshalb ist, obwohl die beiden Markierungselemente ähnlich sind, Video mit deutlich mehr Gepäck kommt, auch wenn die Grundstruktur des Elements bleibt das gleiche:
hier ist die src Attributpunkte auf die Videodatei, die Sie möchten, wieder gespielt zu haben. Es gibt den Namen des Videoobjektdatei für die Wiedergabe und muss eine gültige URI sein. Beispiel: src = "video.ogg".
Die Liste der Steuer Attribute für Video ist deutlich länger und ein wenig komplizierter, auch:
automatisches Abspielen: Teilt dem Browser Video, sobald die Objektdatei geladen ist, zu spielen beginnen. Beispiele: automatisches Abspielen oder Autoplay = "Automatische Wiedergabe".
Steuerung: Video-Wiedergabe zu steuern (in der Regel mit Pause / Play-Tasten, einen Fortschrittsbalken, und Lautstärkeregler) Weist den Browser ein On-Screen-Widget anzuzeigen. Beispiele: Steuerung oder Kontrollen = "Kontrollen".
HöheLegt die Höhe in Pixeln der Box innerhalb der das Video angezeigt wird. Beispiel: height = "480".
Schleife: Weist den Browser an den Anfang zurück zu gehen und weiter spielen, wenn es um das Ende der Objektdatei bekommt. Beispiele: Schleife oder loop = "loop".
mediagroup: Wird für die Wiedergabe von mehreren Videos oder Medien-Elemente (wie eine Zeichensprache Spur oder einem SAP-Spur) zu synchronisieren. Nimmt einen String-Wert, in dem alle Elemente mit dem gleichen mediagroup Wert zusammen als Mitglieder dieser Gruppe behandelt. Beispiel: mediagroup = "movie".
gedämpftStellt Audioausgangszustand für Wiedergabe-, falls vorhanden, Audio stumm geschaltet ist, wenn die Wiedergabe beginnt. Verwenden Sie diese Option, wenn laut oder verblüffende Audio könnte sonst die Besucher der Seite stören, so dass sie wählen können auf Audio zu wenden, wenn sie mögen. Beispiele: gedämpft oder stumm geschaltet = "gedämpft".
Poster: Gibt ein Bild anzuzeigen, während die Videodatei nicht verfügbar ist (noch nicht geladen). Beispiel: Plakat = "poster.jpg".
Vorspannung: Teilt dem Browser, ob es sollte die Objektdatei vorzuladen, und wenn ja, wie sie vorgespannt werden soll. Folgende Werte sind möglich:
keiner: Gibt es einen Teil der Videodatei nicht geladen werden, wenn die Seite geladen wird.
Metadatennur die Video-Metadaten geladen wird, wenn die Seite geladen wird. Es legt auch die Wiedergabe, aber nicht über Daten noch geladen.
Auto: Lädt gesamte Videodatei, wenn die Seite geladen wird.
Das Vorspannung Attribut wird ignoriert, wenn automatisches Abspielen ist anwesend.
BreiteLegt die Breite in Pixel, der Box in dem die Video-Displays. Beispiel: width = "640".
Das folgende Markup zeigt ein Video-Schnipsel aus Wikipedia:
Die Abbildung zeigt, was diese Seite in einer richtig konstruierten HTML-Datei mit einigen zusätzlichen Text und Informationen wie dem Bildschirm sieht in Chrome, kurz nach der Video-Wiedergabe kommt zu dem Schluss. # 148-? Die Steuerstange für Video ist nahezu identisch mit der Steuerleiste für Audio.
Der Unterschied ist, dass die Video-Steuerleiste eine Rahmensteuerung auf der rechten Seite hat. Bitte beachten Sie auch, dass Alternativen für die Video-Wiedergabe die gleiche Arbeit wie sie für Audio-Feedback zu tun, so dass Sie zuerst Ihren bevorzugten Player-Stack für HTML5-Browser können sie zu verwenden, wenn, gefolgt von anderen Spielern in beliebiger Reihenfolge Sie bevorzugen.
">