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> |
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 Video Converter para hacer la conversión de un vídeo
-
File Converter - By Online-Convert.com es un complemento de Firefox que podemos emplear para generar archivos Ogg Vorbis o WebM a partir de otros formatos.
- Instalar desde https://addons.mozilla.org/es/firefox/addon/online-convert//
- Más información en https://www.online-convert.com
Para saber más
