Vídeo background en HTML

Estoy empezando a meter en la formación, etiquetas de HTML5 y propiedades de CCS3. En este ejemplo, trabajamos la etiqueta <video> y propiedades de CSS3, como object-fit, object-position y mix-blend-mode.

El ejemplo muestra un vídeo de fondo de la página web totalmente responsivo, en autoplay y en loop. El vídeo que uso es libre, hay muchos recursos para descargar loops de vídeos libres y gratuitos, este en concreto lo he bajado de https://pixabay.com/es/videos/ejecutar-marat%C3%B3n-zurich-raza-15748/ y la fuente del título “STORMRUN” la he bajado de https://www.dafont.com/speedwagon.font y la he cargado en la página web mediante @font-face

vídeo background

 

Este sería el código:

 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *