Fondo de vídeo HTML5 de pantalla completa con JavaScript puro-bgVideo. js

Tiempo de ejecución: 30 minutos. Empezar

Autor:
Views Total: 2,456
Sitio oficial: Ir a la web
Actualizado: January 13, 2015
Licencia: MIT

Vista prévia

Fondo de vídeo HTML5 de pantalla completa con JavaScript puro-bgVideo. js

Descripción

bgVideo. js es una pequeña biblioteca de JavaScript que agrega un fondo de vídeo de pantalla completa a su cuerpo o un contenedor específico mediante el uso de HTML5 video Element.

Funcionamiento

Coloque el bgVideo. js en cualquier lugar de su página web.

<script src="dist/bgvideo.min.js"></script>

Agregue el atributo Data-fullvideo que contiene el origen de vídeo de fondo a la etiqueta body.

<body data-fullvideo="path/to/demo.mp4">

Uso avanzado:

// use like this, nothing else needed
bgVideo({


sources: ['bg.mp4', 'bg.webm', 'bg.ogg'],


img: 'bg.jpg'
});

// calling with no arguments returns the <video> tag
// so you can do things like
bgVideo().pause();
bgVideo().play();

Te puede interesar: