Lightbox de vídeo de YouTube/Vimeo adaptable con vanilla JavaScript-MediaBox
| Autor: | pinceladasdaweb |
|---|---|
| Views Total: | 4,699 |
| Sitio oficial: | Ir a la web |
| Actualizado: | December 2, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
MediaBox es una librería de JavaScript sencilla y ligera de vainilla que muestra y reproduce vídeos de YouTube o Vimeo en una ventana emergente de lightbox de pantalla completa, adaptable y modal.
Funcionamiento
Cargue el MediaBox. CSS en el encabezado para proporcionar los estilos CSS primarios para el lightbox de vídeo.
<link href="dist/mediabox.css" rel="stylesheet">
Añade enlaces de vídeo de youtbe y Vimeo a tu página web.
<a href="https://www.youtube.com/watch?v=kzYQxZPZtNM" class="mediabox"><img src="https://img.youtube.com/vi/kzYQxZPZtNM/sddefault.jpg"></a> <a href="https://vimeo.com/71495477" class="mediabox"><img src="https://i.vimeocdn.com/video/445086363_640.jpg"></a>
Cargue el MediaBox. js al final del documento.
<script src="dist/mediabox.js"></script>
Inicialice el MediaBox.
MediaBox('.mediabox'); Registro de cambios
v1.1.3 (12/02/2018)
- Incrustar params ahora personalizable
08/14/2018
- fijar tabulación, bloquear en MediaBox, Tab para cerrar span e ingrese la pulsación de tecla habilitada, eliminar el desplazamiento cuando la pantalla completa, corregir el clic exterior salir de la vista MediaBox
