Problema: disparidad de formatos
- Insertar vídeo en HTML5 con la etiqueta <video> y <source>
- Actualmente, hay 3 formatos de vídeo con soporte para el elemento <video>: MP4, WebM y Ogg, pero no todos los navegadores los soportan:
| Navegador | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer 9+ | SI | NO | NO |
| Chrome 6+ | SI | SI | SI |
| Firefox 3.6+ | NO | SI | SI |
| Safari 5+ | SI | NO | NO |
| Opera 10.6+ | NO | SI | SI |
Ejemplo
|
<video width="320" height="240" controls> src="movie.mp4" type="video/mp4"> src="movie.ogg" type="video/ogg"> src="movie.webm" type=“ video/webm”>
|
Video cortesia de Big Buck Bunny.
Atributos
|
Atributo |
Significado |
|
controls |
muestra los controles que permiten pararlo, reproducirlo, |
|
autoplay |
vídeo se reproducirá en cuanto esté listo |
|
preload |
el vídeo se empiece a cargar inmediatamente preload=“none” empieza cuando el usuario haga clic |
|
loop |
Reproducción cíclica |
|
muted |
Audío silenciado |
Conversión de vídeo
-
Free WebM Video Converter para hacer la conversión de un vídeo
- http://www.dvdvideosoft.com
-
Fireogg es un complemento de Firefox que podemos emplear para generar archivos Ogg Vorbis o WebM a partir de otros formatos.
- Instalar desde http://www.firefogg.org/
- Una vez instalado accedemos con http://firefogg.org/make/
Para saber más
