Saltar al contenido

insertar video en el ejemplo de código css de fondo

Te traemos el hallazgo a este rompecabezas, al menos eso creemos. Si tienes preguntas dínoslo y con gusto te responderemos

Ejemplo 1: video de fondo css

<divclass="fullscreen-bg"><videoloopmutedautoplayposter="img/videoframe.jpg"class="fullscreen-bg__video"><sourcesrc="video/big_buck_bunny.webm"type="video/webm"><sourcesrc="video/big_buck_bunny.mp4"type="video/mp4"><sourcesrc="video/big_buck_bunny.ogv"type="video/ogg">video>div>
.fullscreen-bg 
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;


.fullscreen-bg__video 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

Ejemplo 2: cómo configurar un video de fondo en html

<divclass="fullscreen-bg"><videoloopmutedautoplayposter="img/videoframe.jpg"class="fullscreen-bg__video"><sourcesrc="video/big_buck_bunny.webm"type="video/webm"><sourcesrc="video/big_buck_bunny.mp4"type="video/mp4"><sourcesrc="video/big_buck_bunny.ogv"type="video/ogg">video>div>

Calificaciones y reseñas

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

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