An open API service indexing awesome lists of open source software.

https://github.com/kinduff/machete

El lazyloader para Youtube escrito en JS.
https://github.com/kinduff/machete

Last synced: 12 months ago
JSON representation

El lazyloader para Youtube escrito en JS.

Awesome Lists containing this project

README

          

Machete.js Alpha v0.01
======================
Experimento escrito por [@kinduff][1] en javascript (hardcore style), con la idea de implementarlo como plugin en un futuro.

Reemplaza etiquetas `` 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 `` la versión de elección de Machete.js:

Y antes de cerrar las etiquetas ``, llamar a la función:

machete(640, 1);

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

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

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**
![](http://abarcarodriguez.com/s/1.png)

**2**
![](http://abarcarodriguez.com/s/2.png)

**3**
![](http://abarcarodriguez.com/s/3.png)

## 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][1])

![Licencia Creative Commons Atribución-NoComercial-CompartirIgual 3.0 Unported](http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png)

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

[1]: http://twitter.com/kinduff
[2]: http://creativecommons.org/licenses/by-nc-sa/3.0/deed.es