Videos utilizando la etiqueta HTML <video>

<video controls src="example.mp4"></video>
Video HTML común

Videos con descripcion #

Puedes especificar una descripcion a los videos utilizando las etiquetas <figure> y <figcaption> como se muestra a continuación:

<figure>
  <video controls src="example.mp4"></video>
  <figcaption>Name or text of the video</figcaption>
</figure>
Video con una descripcion que es visible para el usuario

Videos estilo cover #

Puedes convertir un video con descripcion en un fondo con texto, para ello se emplea la clase has-cover sin embargo también es importante agregar los atributos autoplay, muted y loop como se muestra a continuación:

<figure class="has-cover">
  <video autoplay muted loop src="example.mp4"></video>
  <figcaption>Name or text of the video</figcaption>
</figure>
Texto con video de fondo