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.
Agregar entre las etiquetas <head></head> la versión de elección de Machete.js:
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.
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.
1
2
3
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.
Machete.js por Alejandro AR (@kinduff)
Este obra está bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 3.0 Unported.