HTML5 Vídeo (Video)

Muchos sitios utilizarán para el vídeo. HTML5 ofrece una pantalla de vídeo estándar.

Detectar el navegador es compatible con vídeo HTML5:

El sitio Web de vídeo

Hasta ahora, todavía no existe una norma dirigida a la pantalla de vídeo en la página.

Hoy en día, la mayoría de vídeo a través de los plug-ins (como Flash) que se mostrará. Sin embargo, no todos los navegadores tienen los mismos plugins.

HTML5 especifica una forma estándar para incluir el vídeo a través de los elementos de vídeo.

Soporte para el navegador

Internet Explorer 9 o superior, Firefox, Opera, Chrome, Safari y apoyo elemento <video>.

Nota: Internet Explorer 8 o versiones anteriores de IE no son compatibles con el elemento <video>.

HTML5 (vídeo) - ¿Cómo funciona?

Para mostrar el vídeo en HTML5, todo lo que necesita es:

Ejemplos

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

Trate »

<Video> elemento proporciona la reproducción, pausa y el volumen de control para mantener el video.

Al mismo tiempo elemento <video> elemento también proporciona atributos height y width controlar las dimensiones del vídeo. Si ajusta la altura y la anchura del espacio de vídeo requerida será retenido cuando se carga la página. . Si no establece estas propiedades, el navegador no conoce el tamaño del vídeo, el navegador no puede reservar un espacio específico cuando está cargado, la página se basa en el cambio de tamaño de vídeo originales.

<Video> entre la etiqueta </ video> y el contenido insertado no está disponible para apoyar los elementos de vídeo se muestran en el navegador.

<Video> elemento es compatible con múltiples <fuente> elemento. <Fuente> elementos pueden enlazar a diferentes archivos de vídeo. El navegador usará el primer formato reconocido:

Formatos de vídeo y soporte de los navegadores

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

navegador	MP4	WebM	Ogg
Internet Explorer	SÍ	NO	NO
cromo	SÍ	SÍ	SÍ
Firefox	SÍ	SÍ	SÍ
safari	SÍ	NO	NO
ópera	Sí (Opera desde 25 en adelante)	SÍ	SÍ

MP4 = MPEG 4 con archivos H.264 de vídeo y codificación de audio AAC
WebM = WebM VP8 con archivos de vídeo y de audio Vorbis codificados codificación
Ogg = Ogg Theora con vídeo codificado y audio Vorbis codificado

Formato de vídeo

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

HTML5 <video> - para controlar el uso de DOM

HTML5 <video> y <audio> elemento también tiene métodos, propiedades y eventos.

Métodos <video> y <audio>, propiedades y eventos pueden ser controlados usando JavaScript.

¿Qué métodos se utilizan para reproducir, pausar, y la carga y así sucesivamente. En el que las propiedades (tales como la duración, volumen, etc.) pueden ser leídos o no definida. En donde eventos DOM puede informarle de que, por ejemplo, elemento <video> iniciar la reproducción, pausa, parada, y así sucesivamente.

Ejemplos de método simple, que muestran cómo utilizar el elemento <video>, leer y establecer las propiedades, y cómo invocar métodos.