HTML5 Video (Video)

Viele Websites werden auf Video verwenden. HTML5 bietet eine Standard-Video-Display.

Ermitteln Sie Ihren Browser unterstützt HTML5-Video:

Video-Website

Bisher existiert noch kein Standard bei Videoanzeige auf der Seite ausgerichtet.

Heute sind die meisten Video durch die Plug-ins (wie Flash) angezeigt werden. Allerdings sind nicht alle Browser die gleichen Plugins.

HTML5 gibt einen Standard-Video über den Videoelemente aufzunehmen.

Browser-Unterstützung

Internet Explorer 9+, Firefox, Opera, Chrome und Safari unterstützen <video> -Element.

Hinweis: Internet Explorer 8 oder früheren Versionen von IE nicht das <video> -Element unterstützen.

HTML5 (Video) - Wie es funktioniert

Um Videos in HTML5 angezeigt werden, alles, was Sie brauchen, ist:

Beispiele

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>

Versuchen »

<Video> Element bietet die Wiedergabe, Pause und Lautstärke steuert das Video zu steuern.

Zur gleichen Zeit <video> -Element Element stellt auch Höhe und Breite Attribute steuern die Abmessungen des Videos. Wenn Sie die Höhe und Breite des gewünschten Videoraum eingestellt wird, wenn die Seite geladen wird beibehalten. . Wenn Sie diese Eigenschaften nicht festlegen, wird der Browser die Größe des Videos nicht wissen, ist der Browser, den Sie nicht einen bestimmten Platz reservieren kann, wenn geladen, wird die Seite auf dem Original-Video-Größe ändern basieren.

<Video> zwischen </ video> -Tag und eingefügt Inhalt ist nicht verfügbar, um die Video-Elemente im Browser angezeigt zu unterstützen.

<Video> Element unterstützt mehrere <source> -Element. <Source> kann Elemente auf verschiedene Video-Dateien verbinden. Der Browser wird das erste anerkannte Format verwenden:

Videoformate und Browser-Unterstützung

Strom, <video> -Element unterstützt drei Videoformate: MP4, WebM und Ogg:

Browser	MP4	WebM	Ogg
Internet Explorer	JA	NEIN	NEIN
Chrom	JA	JA	JA
Firefox	JA	JA	JA
Safari	JA	NEIN	NEIN
Oper	JA (von Opera 25 an)	JA	JA

MP4 = MPEG-4-Dateien mit H.264-Video und AAC-Audiocodierung
WebM = WebM-Dateien mit VP8 Video und Vorbis Audiocodierung codiert
Ogg = Ogg-Dateien mit Theora codierte Video und Vorbis kodierte Audio

Video-Format

格式	MIME-type
MP4	video/mp4
WebM	video/webm
Ogg	video/ogg

HTML5 <video> - zur Kontrolle der Verwendung von DOM

HTML5 <video> und <audio> -Element hat auch Methoden, Eigenschaften und Ereignisse.

Methoden <video> und <audio> Elemente, Eigenschaften und Ereignisse können mit Hilfe von JavaScript gesteuert werden.

Welche Methoden werden verwendet, um Wiedergabe, Pause, und die Last und so weiter. Wobei die Eigenschaften (wie Dauer, Lautstärke usw.) gelesen oder eingestellt werden. Wobei Ereignis DOM kann Ihnen mitteilen, dass, sagen wir, <video> -Element die Wiedergabe starten, anhalten, wird, und so weiter.

Beispiele für einfache Methode, zeigen wir, wie das <video> -Element verwenden, lesen und legen Sie die Eigenschaften, und wie Methoden aufzurufen.