Latest web development tutorials

tag HTML <video>

Exemplos

Reprodução de vídeo:

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

tente »

Suporte a navegadores

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9 +, Firefox, Opera, Chrome e Safari todo o apoio <video> tag.

Nota: O IE 8ou versões anteriores do navegador IE não suporta tag <video>.

definições e instruções tag

<Video> tag define vídeo, como um clipe de filme ou de outros fluxos de vídeo.

Atualmente, <video> elemento suporta três formatos de vídeo: MP4, WebM, Ogg.

navegador MP4 WebM Ogg
Internet Explorer SIM NO NO
cromo SIM SIM SIM
Firefox SIM
A partir do Firefox 21 Versão
sistema Linux do Firefox 30 início 		SIM SIM
safári SIM NO NO
ópera SIM
A partir da versão Opera 25 		SIM SIM
  • MP4 = MPEG 4 arquivos usando o codec de vídeo H264 e codec de áudio AAC
  • WebM = WebM arquivos usando o codec de vídeo VP8 e codec de áudio Vorbis
  • Ogg = Ogg usar o codec de vídeo Theora e codec de áudio Vorbis

tipo MIME do formato de áudio

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

Diferenças entre HTML 4.01 e HTML5

<Video> tag HTML5 é o novo rótulo.

Dicas e Notas

Dica: Você pode colocar o texto entre o <video> e </ video>, este não é um navegador compatível <video> elemento pode exibir informações que tag.

atributos opcionais

Novo: HTML5 nova propriedade.

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

Propriedades globais

<Video> tag suporta propriedades globais HTML .

Propriedades de evento

<Video> tag suporta propriedades de evento HTML .