[HTML5-Tutorial] – HTML 5-Video

Viele trendige Websites bieten Videos an. HTML5 bietet einen Standard für die Anzeige von Videos. Videostandards.

Heutzutage werden die meisten Videos über Plug-ins wie Flash angezeigt. Allerdings verfügen nicht alle Browser über die gleichen Plugins.

HTML5 gibt eine Standardmethode zum Einbinden von Videos über das Videoelement an.

Videoformat

Derzeit unterstützt das Videoelement drei Videoformate:

Ogg = Ogg-Datei mit Theora-Videokodierung und Vorbis-Audiokodierung

MPEG4 = mit H.264-Videokodierung und AAC-Audiokodierung MPEG 4-Datei

WebM = WebM-Datei mit VP8-Videokodierung und Vorbis-Audiokodierung

So funktioniert es

Um ein Video in HTML5 anzuzeigen, benötigen Sie lediglich:

<video src="movie.ogg" controls="controls">
</video>

Steuerungsattribut wird zum Hinzufügen von Wiedergabe-, Pausen- und Lautstärkereglern verwendet.

Das Einbeziehen von Breiten- und Höhenattributen ist ebenfalls eine gute Idee.

Der dazwischen eingefügte Inhalt ist für Browser gedacht, die das anzuzeigende Videoelement nicht unterstützen:

实例

<video src="movie.ogg" width="320" height="240" controls="controls">
Your browser does not support the video tag.
</video>

上面的例子使用一个 Ogg 文件，适用于Firefox、Opera 以及 Chrome 浏览器。

要确保适用于 Safari 浏览器，视频文件必须是 MPEG4 类型。

video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式：

实例

<video width="320" height="240" controls="controls">
  <source src="movie.ogg" type="video/ogg">
  <source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

Internet Explorer

Internet Explorer 8 不支持 video 元素。在 IE 9 中，将提供对使用 MPEG4 的 video 元素的支持。

以上就是[HTML5教程]-HTML 5 视频的内容，更多相关内容请关注PHP中文网（www.php.cn）！