Tumblr-como Sticky Video Plugin con Pure JavaScript
| Autor: | afuggini |
|---|---|
| Views Total: | 1,067 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 12, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Un plugin de JavaScript puro que hace que tus videos (por ejemplo YouTube & videos de Vimeo) e incluso cualquier elemento pegajoso en la parte inferior de la página web cuando te desplazas más allá de ellos.
Similar al la función de vídeo Sticky de Tumblr .
Funcionamiento
Incluya los siguientes archivos JavaScript y CSS en la Página Web.
<link rel="stylesheet" href="css/sticky.css"> <script src="js/sticky_video.js"></script>
Inserte un vídeo de YouTube en el contenedor adhesivo.
<div id="sticky-container"> <iframe class="sticky-container__object" src="https://www.youtube.com/embed/yMMz2VwbhVI?enablejsapi=1&rel=0&showinfo=0&controls=0&autoplay=1" frameborder="0" height="270" width="480" allow="autoplay; encrypted-media"></iframe> </div>
Inicializa la librería StickyVideo y listo.
new StickyVideo('sticky-container')
