Cargar vídeo de YouTube sólo cuando sea necesario-YouTube LazyLoad
| Autor: | the-muda-organization |
|---|---|
| Views Total: | 532 |
| Sitio oficial: | Ir a la web |
| Actualizado: | November 15, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Sin embargo, otro cargador perezoso de YouTube que retrasa la carga del reproductor de vídeo de YouTube para mejorar el rendimiento de su página web.
El cargador perezoso de YouTube recupera y muestra la miniatura de YouTube en la página web y carga el vídeo cuando sea necesario (al hacer clic).
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
- carga diferida video de YouTube con JavaScript – llyv. js
Funcionamiento
Cargue los archivos JavaScript y CSS de YouTube LazyLoad en el HTML.
<link href="yt-lazyload.min.css" rel="stylesheet"> <script src="yt-lazyload.min.js">
Crea un contenedor vacío para el video de YouTube y especifica el ID de video en el atributo Data-embed-YT-Lazy :
<div class="embed-yt-lazy" data-embed-yt-lazy="SACu6d2pdOI"></div>
Personaliza el color del logotipo de YouTube.
<div class="embed-yt-lazy" data-embed-yt-lazy="SACu6d2pdOI" data-embed-yt-lazy-logo="red"></div>
