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”>


  Su navegador no soporta la etiqueta vídeo
</video>

 

 

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.

 

Saber másPara saber más