HTML5: Vídeo

Una imagen vale más que mil palabras, y un vídeo ni te cuento... Desde los inicios de la web uno de los avances más pedidos eran los vídeos online. Hubo una época que los vídeos se mostraban con Flash, pero muerto Flash ahora casi la totalidad de los mismos se muestran con HTML5 y el tag video.

Os pongo un ejemplo para que veáis como funciona:

See the Pen Video example by Gabriel Cuesta Arza (@gabicuesta) on CodePen.

Atributos de video:

• autoplay (Booleano): Autoreproducción.
• buffered (Entero): Determina el tamaño del buffer del vídeo.
• controls (Booleano): Muestra o no los controles del vídeo.
• crossorigin (anonymous / use-crentials): Configuración del uso de vídeos en otros servidores.
• height: altura del vídeo
• intrinsicsize: ignora el tamaño de la imagen y redimensiona el vídeo con su tamaño real.
• loop (Booleano): Repetición infinita del vídeo.
• muted (Booleano): Activa o desactiva el sonido.
• preload (none, metadata, auto): Configura la precarga del vídeo.
• playsinline: El vídeo se reproduce dentro del área determinada.
• poster: Url de la imagen a mostrar mientras el vídeo carga.
• src: La url del vídeo a cargar.
• width: Ancho del vídeo.

Bueno, pues a insertar vídeos en la web. Espero que os sea de utilidad.