Audio y Video

Una de las novedades que trae HTML5 es juntamente la posibilidad de manejar Audio y Video en linea desde el propio navegador. Hasta ahora, no ha habido un estándar para esto por lo que habia que usar trucos muy ligados a una tecnologia (Ej Flash) y navegador, causando serios problemas al resto.

1. Formatos soportados

Actualmente hay 3 formatos de audio y vídeo compatibles con el estandar HTML5:

FormatoCodecNavegador soportado
VideoAudioiExplorer 9Chrome 6Firefox 3Opera 10.6Safari 5
MP4H264AACSiSiNoNoSi
WebMVP8VorbisNoSiSiSiNo
OggTheoraVorbisNoSiSiSiNo

Asi que es facil darse cuenta que ningun formato se soportado por todos los navegadores, aun (quizas en el futuro) por lo que deberas tener cuidado de poner tus audios y video en por lo menos dos formatos.

Para convertir audio/video al formato .ogg hay una pagina gratuita bastante buena: aqui

2. Audio y Video

<video width=320 height=240 controls autoplay loop>
  <source src=movie.mp4 type="video|mp4" />
  <source src=movie.ogg type="video|ogg" />
  Tu navegador no soporta HTML5.
</video>

3. Atributos

Ademas tiene una serie de parametros para mayor control:

AUTOPLAYEspecifica que el vídeo se reproducirá tan pronto como esté listo.
CONTROLSEspecifica que los controles de audio/vídeo debe mostrar (por ejemplo, un botón de reproducción, pausa, volumen, etc).
LOOPEspecifica que el audio/vídeo se iniciará de nuevo, cada vez que se terminó.
MUTEDEspecifica que la salida de audio del vídeo debe ser silenciado. Solo para video.
POSTERDefine la URL de una imagen que se muestra mientras el vídeo se descarga o hasta que el usuario pulsa el botón de reproducción. Solo para video
PRELOADEspecifica cómo debe ser cargado el audio/video cuando se carga la página. auto | metadata | none.
SRCURL de la fuente del audio/video.
<SOURCE>Define múltiples recursos de los medios de comunicación para los elementos de los medios de comunicación, tales como
<TRACK>Define las pistas de texto en MediaPlayers. Solo para video.