Heim > Artikel > Web-Frontend > Ausführliche Erklärung von HTML5-Video und -Audio
[Einführung] Detaillierte Erklärung von HTML5-Video-Video- und Audio-Audio-Elementen: Unterstützung für lokale Offline-Speicherung (lokale Speicherung, Sitzungsspeicherung); : Artikel, Fußzeile
Detaillierte Erklärung von HTML5-Video, Video und Audio-Audio
Einige neue Funktionen sind in HTML5 erschienen:
Canvas-Element
Video-Video- und Audio-Audio-Element ;
Unterstützung für lokalen Offline-Speicher (Localstorage, Sessionstorage);
Neue spezielle Inhaltselemente: Artikel, Fußzeile, Kopfzeile, Abschnitt
Neue Formularsteuerelemente: Kalender, Datum, Uhrzeit, E-Mail, URL; suchen.
Werfen wir heute einen Blick auf Video und Audio: Die Standardmethode für Video ist in HTML5 angegeben: Video
Wir können auch mehrere Quellen festlegen und der Browser wählt das erste identifizierbare Video zum Abspielen aus, in der Form:
Dieses Attribut wird ignoriert, wenn „Autoplay“ verwendet wird.
src-URL-Videoadresse Die URL des abzuspielenden Videos.
Breite Pixel Legen Sie die Breite des Videoplayers fest.
autobuffer
autobuffer
(automatische Pufferung)
Wenn die Webseite angezeigt wird, gibt dieses binäre Attribut an, ob der Inhalt automatisch vom Benutzeragenten (Browser) oder vom Benutzer gepuffert wird die entsprechende API. Inhaltspufferung
Poster
URL-Bildadresse
Dieser Attributwert verweist auf ein Bild, wenn das Video nicht reagiert oder nicht ausreichend gepuffert ist. Das Bild wird in einem bestimmten Verhältnis angezeigt
In HTML5 wird der Audiostandard als Audioelement angegeben. Das Audioelement kann Sounddateien oder Audiostreams abspielen.
Das Audioformat ähnelt dem von Video: Geben Sie direkt mehrere Quellen ein:
Besser als Video. Höhe, Breite und Poster fehlen. Multimedia wird in unserer Entwicklung immer wichtiger und diese Videos und Audiodateien erscheinen in HTML5.
Das obige ist der detaillierte Inhalt vonAusführliche Erklärung von HTML5-Video und -Audio. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!