Latest web development tutorials

HTML Tag <video>

Beispiele

Video abspielen:

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

Versuchen »

Browser-Unterstützung

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9 +, Firefox, Opera, Chrome und Safari alle Unterstützung <video> -Tag.

Hinweis: IE 8 oder früheren Versionen von IE - Browser nicht unterstützt <video> -Tag.

Tag Definitionen und Anleitungen

<Video> Tag definiert Video, wie ein Movieclip oder andere Video-Streams.

Derzeit <video> -Element unterstützt drei Videoformate: MP4, WebM, Ogg.

Browser MP4 WebM Ogg
Internet Explorer JA NEIN NEIN
Chrom JA JA JA
Firefox JA
Ab Firefox 21 Version
Linux-System von Firefox 30 Start 		JA JA
Safari JA NEIN NEIN
Oper JA
Ab Version Opera 25 		JA JA
  • MP4 = MPEG-4-Dateien H264 Video-Codec und AAC-Audio-Codec
  • WebM = WebM-Dateien mit VP8 Video-Codec und Audio-Codec Vorbis
  • Ogg = Ogg-Dateien verwenden die Theora-Video-Codec und Audio-Codec Vorbis

MIME-Typ von Audio-Format

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

Die Unterschiede zwischen den HTML 4.01 und HTML5

Tag <video> HTML5 ist das neue Label.

Tipps und Hinweise

Tipp: Sie können platzieren Sie den Text zwischen dem <video> und </ video> -Tag, das ist kein unterstützten Browser <video> -Element kann Informationen mit diesem Tag anzuzeigen.

Optionale Attribute

Neu: HTML5 neue Eigenschaft.

属性 值 描述
autoplay New autoplay 如果出现该属性，则视频在就绪后马上播放。
controls New controls 如果出现该属性，则向用户显示控件，比如播放按钮。
height New pixels 设置视频播放器的高度。
loop New loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted New muted 如果出现该属性，视频的音频输出为静音。
poster New URL 规定视频正在下载时显示的图像，直到用户点击播放按钮。
preload New auto
metadata
none		 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src New URL 要播放的视频的 URL。
width New pixels 设置视频播放器的宽度。

globale Eigenschaften

<Video> -Tag unterstützt HTML globale Eigenschaften .

Ereigniseigenschaften

<Video> -Tag unterstützt HTML Ereigniseigenschaften .