viernes, 3 de enero de 2014

Los elementos video y audio

Los elementos vídeo y audio


Recursos:
Elementos <audio> y <video> incluidos de forma nativa en HTML5. 

Los atributos de video y audio son los siguientes:
  • autoplay: (por defecto true): permite indicar si queremos que el vídeo/audio se reproduzca o no automáticamente
  • controls: (por defecto true): Indicamos si queremos que se muestre una barra de controles
  • height: indica la altura del vídeo/audio
  • loop: (por defecto true): indicamos si queremos que el vídeo/audio se reproduzca sin parar
  • poster: (url) muestra una imagen si el vídeo/audio no está disponible
  • preload: (none, metadata, auto) si el vídeo/audio es precargado dentro del elemento vídeo/audio
  • src: indica la url del vídeo
  • width: indica el ancho del vídeo/audio
  • oneerror(e): evento que se produce cuando se produce un fallo. Por ejemplo: oneerror="fallo(event)"
Para añadir el video/audio en varios formatos y que sea compatible con diferentes navegadores, utilizamos la etiqueta <source>, una para cada formato, indicando con type el formato o tipo de codec. Ejemplo para vídeo:
  • <source src="ejemplo.webm" type="video/webm" />
  • <source src="ejemplo.ogv" type="video/ogg" />
  • <source src="ejemplo.mp4" type="video/h264" />

No hay comentarios:

Publicar un comentario

Nota: solo los miembros de este blog pueden publicar comentarios.