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 había que usar trucos muy ligados a una tecnología (Ej Flash) y navegador, causando serios problemas al resto.
Actualmente hay 3 formatos de audio y vídeo compatibles con el estándar HTML5:
| Formato | Codec | Navegador soportado | |||||
|---|---|---|---|---|---|---|---|
| Video | Audio | iExplorer 9 | Chrome 6 | Firefox 3 | Opera 10.6 | Safari 5 | |
| MP4 | H264 | AAC | Si | Si | No | No | Si |
| WebM | VP8 | Vorbis | No | Si | Si | Si | No |
| Ogg | Theora | Vorbis | No | Si | Si | Si | No |
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 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>
Ademas tiene una serie de parámetros 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. |