Video-Previewer

Youtube and Vimeo custom preview


Keywords
Video, Preview, Custom, youtube, Vimeo
License
MIT
Install
bower install Video-Previewer

Documentation

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.