El lazyloader para Youtube escrito en JS.
JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
img
README.md
demo.html
machete.js
machete.min.js

README.md

Machete.js Alpha v0.01

Experimento escrito por @kinduff en javascript (hardcore style), con la idea de implementarlo como plugin en un futuro.

Reemplaza etiquetas <yt></yt> con link encerrado, para posteriormente ser procesado como una imagen para evitar la carga de Flash o video HTML5 de Youtube, al hacer clic se realiza la carga del video correspondiente a la etiqueta.

Instalación y uso

Agregar entre las etiquetas <head></head> la versión de elección de Machete.js:

<script type="text/javascript" src="machete.js"></script>

Y antes de cerrar las etiquetas <body></body>, llamar a la función:

<script> machete(640, 1); </script>

Los videos en cuestión tendrán que ser insertados de la siguiente manera:

<yt>http://www.youtube.com/watch?v=zdW7PvGZ0uM</yt>

Revisa el archivo demo.html para más información.

Opciones

Machete.js tiene dos opciones en su función, la primera corresponde al ancho del video en relación de aspecto 16:9, y el segundo para la imagen a elegir como placeholder del botón play del video.

machete(ancho, placeholder);

Los placeholders son fácilmente reemplazables en la carpeta img de acuerdo a tu gusto. El script se encargará de posicionarlo a la mitad del contenedor.

Placeholders

1

2

3

Soporte

Al ser la primera versión, no se asegura compatibilidad crossbrowser con navegadores desactualizados o IE. Pull requests e Issues son bienvenidos, pero recuerda que aún es un plugin en desarrollo.

Licencia

Machete.js por Alejandro AR (@kinduff)

Licencia Creative Commons Atribución-NoComercial-CompartirIgual 3.0 Unported

Este obra está bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 3.0 Unported.