Latest web development tutorials

la etiqueta <video> HTML

Ejemplos

Reproducción 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>

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE 9 +, Firefox, Opera, Chrome y Safari toda la etiqueta <video> apoyo.

Nota: IE 8 o versiones anteriores del navegador IE no soporta la etiqueta <video>.


definiciones de código e instrucciones

<Video> define vídeo, como un clip de película u otros flujos de vídeo.

Actualmente, elemento <video> soporta tres formatos de vídeo: MP4, WebM, Ogg.

navegador MP4 WebM Ogg
Internet Explorer NO NO
cromo
Firefox
A partir de la versión de Firefox 21
sistema Linux desde Firefox 30 inicio
safari NO NO
ópera
A partir de la versión 25 de Opera
  • MP4 MPEG 4 = archivos utilizando el códec de vídeo H264 y códec de audio AAC
  • WebM = WebM VP8 archivos utilizando el códec de vídeo y audio codec Vorbis
  • Ogg Ogg = utilizan el códec Theora video y audio codec Vorbis

tipo MIME del formato de audio

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


Diferencias entre HTML 4.01 y HTML5

Etiqueta <video> de HTML5 es la nueva etiqueta.


Notas y sugerencias

Consejo: Puede colocar el texto entre la etiqueta <video> y </ video>, esto no es un navegador compatible elemento <video> puede mostrar información de esa etiqueta.


Los atributos opcionales

Nuevo: HTML5 nueva propiedad.

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

Propiedades globales

Etiqueta <video> soporta propiedades globales HTML .


Propiedades del evento

Etiqueta <video> soporta propiedades de evento HTML .