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.
