Lazy Load video de YouTube con JavaScript-llyv. js
| Autor: | wingkwong |
|---|---|
| Views Total: | 711 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 7, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
llyv. js es una biblioteca de carga diferida de YouTube video que permite al usuario cargar reproductores de vídeo de YouTube a petición.
Ideal para mejorar el tiempo de carga de la página cuando hay muchos vídeos de YouTube incrustados en el documento.
La biblioteca recupera y muestra la miniatura del vídeo con un botón de reproducción en la Página Web. El reproductor de vídeo completo de YouTube se cargará solo cuando se hace clic en la imagen en miniatura o en el botón de reproducción.
See also:
- carga retrasada del contenido incrustado de iframe hasta que haga clic en â & #128; & #147; lazyembed. js
- contenido incrustado de iFrame de carga diferida con JavaScript â & #128; & #147; lazyframe. js
Funcionamiento
Inserte el JavaScript ' llyv. js ' y la hoja de estilos ' llyv. js ' en el documento HTML.
<link rel="stylesheet" href="llyv.min.css"> <script src="llyv.min.js"></script>
Agrega la clase CSS ' llyv ' al elemento contenedor de tu video de YouTube y especifica el ID de video en el atributo ' Data-ID '. Hecho.
<div class="llyv" data-id="hyZ60tjoud8"></div> <div class="llyv" data-id="SoymL3XAHWk"></div> ...
