ejemplo de código de video html5 de pantalla completa

Si encuentras alguna parte que no comprendes nos puedes dejar un comentario y te ayudaremos lo mas rápido que podamos.

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>

Te mostramos las reseñas y valoraciones de los lectores

Al final de la web puedes encontrar las críticas de otros desarrolladores, tú además tienes la opción de dejar el tuyo si lo crees conveniente.

---

---

Utiliza Nuestro Buscador