Idea y visualización, escrito por @kinduff en jQuery con la intención de expanderlo a un plugin en próximas versiones.
Agrega un efecto de "Cinema" al video de YouTube seleccionado. Por ahora únicamente funciona en un solo video con el id en el iframe: cinemajs.
Clona el proyecto y agrega a tu carpeta de JS la versión de tu elección de Cinema.js, así como copia en la misma carpeta el archivo bg.png. Es importante saber que Cinema.js depende de jQuery. Agrega entre las etiquetas <head></head> el link a Cinema.js en su versión minificada para hacerla uso en producción:
El video de tu elección le tendrás que agregar el id en el iframe de la siguiente manera:
<iframe id="cinemajs" width="560" height="315" src="http://www.youtube.com/embed/VG4udHsS8qA" frameborder="0" allowfullscreen></iframe>Puedes ver un demo en el artículo dedicado en mi blog: ir al artículo
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.
Cinema.js por Alejandro AR (@kinduff)
Este obra está bajo una Licencia Creative Commons Atribución-NoComercial-CompartirIgual 3.0 Unported.