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.