Audio y Video

Una de las novedades que trae HTML 5 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.

Formatos soortados

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

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

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 HTML 5.
</video>

Atributos

Ademas tiene una serie de parametros para mayor control:

AUTOPLAY
Especifica que el vídeo se reproducirá tan pronto como esté listo.

CONTROLS
Especifica que los controles de audio/vídeo debe mostrar (por ejemplo, un botón de reproducción, pausa, volumen, etc).

LOOP
Especifica que el audio/vídeo se iniciará de nuevo, cada vez que se terminó.

MUTED
Especifica que la salida de audio del vídeo debe ser silenciado. Solo para video.

POSTER
Define 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
PRELOAD
Especifica cómo debe ser cargado el audio/video cuando se carga la página. auto | metadata | none.
SRC
URL 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.