Latest web development tutorials

HTML <video> tag

Esempi

Video gioco:

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

Prova »

Supporto per il browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9 +, Firefox, Opera, Chrome e Safari tutto il supporto tag <video>.

Nota: Internet Explorer 8 o versioni precedenti del browser IE non supporta tag <video>.

le definizioni e le istruzioni tag

<Video> tag definisce video, ad esempio un clip filmato o altri flussi video.

Attualmente, elemento <video> supporta tre formati video: MP4, WebM, Ogg.

Browser MP4 WebM Ogg
Internet Explorer SI NO NO
cromo SI SI SI
Firefox SI
A partire da Firefox 21 versione
sistema Linux da Firefox 30 dall'inizio 		SI SI
safari SI NO NO
opera SI
A partire dalla versione Opera 25 		SI SI
  • MP4 = MPEG 4 file utilizzando codec video H264 e AAC codec audio
  • WebM WebM = file utilizzando VP8 codec video e Vorbis codec audio
  • Ogg = Ogg utilizzano il codec video Theora e Vorbis codec audio

tipo MIME di formato audio

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

Le differenze tra HTML 4.01 e HTML5

<Video> tag HTML5 è la nuova etichetta.

Suggerimenti e Note

Suggerimento: è possibile inserire il testo tra i tag <video /> tag <video> e, questo non è un browser supportato <video> elemento in grado di visualizzare informazioni che tag.

attributi opzionali

Nuovo: HTML5 nuova proprietà.

属性 值 描述
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 设置视频播放器的宽度。

Proprietà globali

<Video> tag supporta HTML proprietà globali .

Proprietà evento

<Video> tag supporta proprietà dell'evento HTML .