Preview para los videos de youtube y vimeo con una imagen estatica para acelerar la carga de paginas con alto contenido de videos
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib
test
README.MD
bower.json

README.MD

Video-Previewer (antes Youtube-Preview)

Creado por ZeroDragon npm@zerothedragon.com
Licencia de software: MIT
Este código se proporciona tal cual y el uso es responsabilidad del usuario.
Para más información ver el repositorio en https://github.com/ZeroDragon/Youtube-Preview

##Uso:

Se debe insertar esta línea antes de cerrar el <head>

<script src="/lib/videoPreview.min.js"></script>

Donde se quiera insertar un video de youtube o vimeo con el custom layout se debe usar esta tag:

<vp url="la url del video en youtube o vimeo"></vp>

La url puede ser la liga al video o el id del mismo.

##Configuracion:

Se puede usar este tag con unos parámetros justo antes de insertar el tag del videoPreview.min.js

<script>
  var videoPreview = {
    width:350,
    height:250,
    palete:'mint',
    holderStyle:'border-top-right-radius:30%;border-bottom-left-radius:30%;border:5px solid #47a3ff;'
  };
</script>

###Parámetros:

  • width [opcional] [default: 560]
    El ancho del cuadro del video
  • height [opcional] [default: 315]
    El alto del cuadro del video
  • play [opcional] [default: nada]
    Una url para ponerla como botón de play.
  • palete [opcional] [default: 'mint'] Posibles valores: mint | lime | cinamon
    La paleta de colores para el botón de play.
    Importante: Solo funciona si no se usa la opción play
  • holderStyle [opcional] [default: nada]
    Se puede especificar un estilo para modificar la caja del video

##Demo y Prueba Ver el index.html con la muestra de las tags usadas y algunas opciones.