Previewtube Muestra imágenes del video de youtube con movimiento



Previewtube Muestra imágenes del video de youtube con movimiento, la mayoría de los videos son referenciados por las imágenes de los videos, esto le da un toque de atracción a los videos, debido a esta reacción por parte de los usuarios, existe un plugin que llamara un poco más la atención de los videos que deseas exponer en tu sitio web o aplicación se trata de PreviewTube que es un plugin que se basa en el uso de imágenes de youtube enumeradas.

Para mostrar por ejemplo las imágenes solo utilizamos la siguiente url y lo que varía es el id.

https://i.ytimg.com/vi/JwcxBMydYSo/1.jpg

En este caso el plugin hace lo mismo solo que lo hace de una manera automática y utilizando el atributo class.

Para la implementación de este esté plugin solo incluimos el archivo .js del plugin, la librería jquery y creamos una instancia del plguin.

 

Primero utilizamos la libreria jquery, puedes tenerla de manera local o utilizar el cdn


<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>

Posteriormente a eso incluyes el archivo javascript del plugin


<script src="previewtube.js"></script>

Al final incluyes el script para el uso del plugin con la clase:


<script>
$('.preViewTube').PreViewTube({
'interval' : 500,
'mode' : 'constant'
});
</script>

El uso que haces es de la siguiente forma con un atributo class :


<img src="https://i.ytimg.com/vi/JwcxBMydYSo/1.jpg" alt="" title="" width="150" class="preViewTube"/>

Enlace del sitio: http://previewtube.vool.ie/ 

Demostración: http://previewtube.vool.ie/

You may also like...