🚀 Obtener Versión PRO Inicia tu prueba y desbloquea todas las funciones

Configuración del Reproductor VPD

Documentación & Masterclass PRO

Bienvenido al motor de video más avanzado para WordPress. Descubre cómo combinar herramientas para crear estrategias de marketing infalibles, monetizar con anuncios y proteger tu contenido como un experto.ESEN

Licencia PRO Activa

1. Configuración Básica (Versión Gratuita)

🔹 ¿Qué incluye la versión gratuita?

La versión gratuita transforma automáticamente los aburridos videos nativos de WordPress en un reproductor elegante, oscuro y fluido ideal para blogs sencillos.

Diseño Unificado (Skin): Estilo moderno para todo tu sitio.
Controles Básicos: Botón de Play/Pausa central e inferior.
Barra de Progreso: Navegación fluida por el video.

📌 Cómo usarlo (Incrustación Clásica)

Sube tu video a la biblioteca de “Medios” y pega este shortcode en tu entrada:[vpd_player url="https://tusitio.com/video.mp4"]

⚠️ Limitaciones Actuales:
En la versión gratuita los videos NO están protegidos contra descargas, NO puedes monetizar con anuncios, NO puedes usar Amazon S3, y NO incluye herramientas de marketing o botones de compartir.

💡 2. Estrategias y Casos de Uso (Masterclass PRO)

No te limites a mostrar un video. Descubre qué combinación de botones y herramientas debes activar según el giro de tu negocio para exprimir al máximo tu sitio web.

🎓

Academias y Cursos Online

Objetivo: Evitar piratería y facilitar el estudio.

Amazon S3 Seguro Descarga: Blob (Oculta) Velocidad (1.5x/2x) Picture-in-Picture¿Por qué y cómo configurarlo?

Aloja tus cursos en Amazon S3 para no saturar tu servidor. Activa la Descarga Encriptada (Blob); esto ocultará la URL de S3 en el código fuente, bloqueando extensiones como IDM que roban videos. Activa la Velocidad (vital para estudiantes) y apaga el botón Compartir.

📰

Revistas y Blogs Virales

Objetivo: Retención de lectura y monetización pasiva.

Autoplay: Al hacer Scroll Muted Redes Sociales FULL AdServer: AdSense¿Por qué y cómo configurarlo?

Activa Autoplay por Scroll y Muted. El video solo arrancará en silencio cuando el lector baje por el artículo. Esto no espanta al usuario y cumple las políticas de Google. Activa todos los botones de Redes (especial WhatsApp) e inyecta un código VAST de AdSense para cobrar por cada impresión.

🛒

E-Commerce y Funnels (Ventas)

Objetivo: Captar atención visual inmediata y forzar clics.

Vista Previa Hover Neón Gradiente Ad: Pre-Roll (Sin Salto) Botón CTA¿Por qué y cómo configurarlo?

La magia está en la Vista Previa Hover (estilo Netflix/YouTube). Al pasar el mouse, el video se mueve. Usa el tema Neón para destacar. Crea un anuncio Pre-Roll Obligatorio (un video de 5s de tu producto) que incluya una Tarjeta de Información con un CTA de “Comprar Ahora” hacia tu checkout.

🏠

Inmobiliarias (Real Estate)

Objetivo: Máxima inmersión visual y contacto directo.

Cast (TV) Cámara (Snapshot) Tema Minimalista Loop¿Por qué y cómo configurarlo?

Quien compra casas quiere verlas en grande. Activa Transmitir (Cast) para que manden el tour virtual a su Smart TV. Activa Cámara para que tomen capturas de la cocina o fachada. Usa el tema Minimalista para quitar botones intrusivos y deja el video en Loop.

🍿

Streaming / Tube Sites (Adultos)

Objetivo: Consumo masivo (Binge-watching) sin frustrar al usuario.

Tema: PornHub / Cine Calidad (HD) Ad Freq: Inteligente Banners 90%¿Por qué y cómo configurarlo?

Usa temas oscuros inmersivos y activa el botón de Calidad. Como ven muchos videos seguidos, usa la Frecuencia Inteligente (Watchtime) del AdServer: Inyecta 1 anuncio cada “15 mins de reproducción acumulada” en vez de asustarlos en cada clic. Usa Banners inferiores para no pausar el video.

🎤

Webinars y Cartas de Venta (VSL)

Objetivo: Obligar a escuchar el mensaje completo sin distracciones.

YouTube “Marca Blanca” Ocultar Barra Progreso Ocultar Velocidad Autoplay¿Por qué y cómo configurarlo?

Sube tu webinar a YouTube en “Oculto” para no pagar servidores. Activa YouTube Marca Blanca en el plugin; tu usuario verá un reproductor premium sin el logo rojo de YT. Desactiva la Barra de Tiempo y la Velocidad para que no puedan adelantar la carta de ventas.

✨

Agencias Creativas y Portafolios

Objetivo: Impacto estético absoluto, sin botones que ensucien el arte.

Tema: MacOS Glass Autoplay + Loop + Muted Auto-Miniatura¿Por qué y cómo configurarlo?

Usa el tema MacOS Glass (que oculta la barra flotante hasta que pasas el mouse) o el tema Minimalista. Configura Autoplay, Loop y Muted simultáneamente para que tus videos de diseño funcionen como fondos interactivos perpetuos sin molestar al usuario.

⭐

Reseñas y Marketing Afiliados

Objetivo: Mostrar detalles de productos y derivar clics a Amazon/AliExpress.

Ad: Banner HTML Personalizado Retroceder 10s Doble Clic Fullscreen¿Por qué y cómo configurarlo?

Activa Retroceder/Adelantar 10s y el Doble clic Fullscreen para que el usuario pueda pausar y hacer zoom en el producto que reseñas. Crea un Anuncio tipo AdSense/Código y pega ahí el HTML de tu banner de afiliado de Amazon; aparecerá flotando en el video.

🎙️

Video Podcasts y Entrevistas

Objetivo: Consumo en segundo plano y control de audio.

Picture-in-Picture (PiP) Velocidad Volumen Redes: LinkedIn / X¿Por qué y cómo configurarlo?

Vital activar el Picture-in-Picture (PiP). Esto permite al usuario extraer tu entrevista en una ventanita flotante y seguir navegando por la web mientras te escucha. Activa el Volumen y la Velocidad (la gente escucha podcasts a 1.5x) y habilita LinkedIn/X para debatir citas.

🛠️ 3. Diccionario de Herramientas y Opciones

¿Qué hace exactamente cada botón del panel de Ajustes Generales? Da clic a las secciones para explorar la magia de cada herramienta.⚙️ Motor de Auto-Reemplazo

🔍

Reemplazo Básico GRATIS

Escanea tu web buscando enlaces terminados en .mp4. Si los encuentra, borra el enlace feo de texto y pinta el reproductor encima. Funciona perfecto con los videos que subes a “Medios” de WP.

⚡

Forzar Reemplazo Agresivo PRO

Fundamental para S3 o constructores visuales (Elementor, Divi). Intercepta el código desde el servidor antes de que WordPress lo pinte, transformando bloques nativos de Gutenberg y shortcodes en el reproductor VPD forzosamente.

🔗

Slugs Personalizados GRATIS

Por defecto el plugin solo busca en “Entradas” y “Páginas”. Si usas un Custom Post Type (ej: “Lecciones” de LearnDash), escribe el slug (ej: sfwd-lessons) aquí para que el motor empiece a buscar videos ahí también.🎨 Diseño y Temas Visuales

🎨

Skins / Temas PRO

Cambia por completo la arquitectura CSS del reproductor con un clic. Tienes 10 estilos: botones redondeados (Mobile), barras flotantes (MacOS), colores de cine (Netflix), gradientes estilo TikTok o minimalismo puro.

🖌️

Color Principal / Secundario PRO

Personalización de marca. Afecta el color de la barra de progreso de tiempo, los botones activos cuando el usuario pasa el mouse sobre ellos, y los fondos en los temas “Gradiente” o “Neón”.

📏

Modo Individual vs Global GRATIS

Si eliges “Global”, todos los reproductores de tu sitio medirán exactamente lo que pongas en “Tamaño” (ej: 75%). Si eliges “Individual”, el reproductor ocupará el 100% de la columna donde lo insertes en Elementor/Gutenberg.☁️ Integraciones (YouTube / Nube)

📺

YouTube Marca Blanca PRO

Transforma un iframe de YouTube aburrido en el reproductor VPD Premium. La principal ventaja es que oculta la franja roja, el logo de YouTube y las recomendaciones molestas al final del video.

📦

Soporte Dropbox PRO

Permite usar videos alojados gratis en Dropbox. Truco vital: Asegúrate de que el enlace de compartir termine siempre en dl=0 o raw=1 para que funcione.

☁️

Soporte Amazon S3 PRO

Lee la URL pública directa del objeto S3. Ahorra cientos de dólares en ancho de banda. Requiere inyectar una regla CORS en tu bucket para que el navegador confíe en el video (ver sección 5 de ayuda).🕹️ Controles del Reproductor (Botones)

👀

Vista Previa Hover PRO

Si el usuario deja el mouse quieto sobre el reproductor cerrado, el video se empieza a reproducir en silencio (sin abrir controles). Es un gancho visual ultra efectivo usado por Netflix.

📱

Picture-in-Picture (PiP) PRO

Agrega un icono de “cuadritos”. Al pulsarlo, el video se arranca de la página y se convierte en un marco flotante sobre Windows/Mac, permitiendo al usuario leer tus artículos sin dejar de ver el video.

📸

Cámara (Snapshot) PRO

Permite al usuario “tomarle una foto” al video. Descargará a su computadora un archivo JPG exacto y en alta calidad del fotograma exacto que está viendo en ese milisegundo.

📡

Transmitir (Cast) PRO

Busca dispositivos inteligentes (Chromecast, Android TV, AppleTV) conectados a la misma red WiFi del usuario y envía la película directo a su televisión de la sala.

🔒

Descarga Encriptada (Blob) PRO

Protección Antirrobo. Crea una URL falsa en la RAM del navegador (Ej: blob:http://tusitio/8s...). El botón nativo de descarga funciona, pero los hackers no pueden extraer tu enlace original de S3.

🪟

Doble Clic Fullscreen PRO

Emula el comportamiento de las apps móviles. En vez de buscar el botón pequeño de pantalla completa, el usuario solo hace doble clic rápido en el centro del video para maximizarlo.

💲 4. Ad Server: Gana dinero con tus videos

Formato 1: Anuncios Nativos (Pre/Post Roll)

Sube un video corto (.mp4) de tu anunciante. Puedes configurarlo como Pre-Roll (inicia antes de tu contenido) o Post-Roll. El sistema te permite inyectar una Tarjeta de Información Visual (Título, Descripción, Logo 300×300 y Botón) que aparece súper impuesta, permitiendo al usuario dar clic y visitar la web del patrocinador.

Tip: Configura el Salto (Skip) “Personalizado a 5s” para no frustrar a tu audiencia.

Formato 2: Banners 90% (No intrusivos)

Sube una imagen (JPG/PNG). El reproductor la mostrará como una franja elegante en la parte inferior del video, abarcando el 90% del ancho, con un pequeño botón de cierre (X) y un contador regresivo. Ideal para monetizar películas o webinars largos sin pausar la reproducción.

Formato 3: Google AdSense / VAST

Si estás aprobado en una red publicitaria global, selecciona esta opción. Pega el código <script> de AdSense HTML y el sistema lo renderizará como un banner inferior. O pega la URL XML de VAST/IMA y el reproductor solicitará comerciales de video dinámicos directamente a Google.

💸 Control de Límite y Presupuesto

Cuando creas un anuncio, le asignas un CPV (Costo por Vista) y un CPC (Costo por Clic). Si tu cliente te pagó $100 USD, pones Límite: $100. El panel de la gráfica en tiempo real irá descontando centavos. ¡Cuando el anuncio gasta los $100, se apaga automáticamente y cambia a estatus “Límite Presup.”!

⚙️ 5. Guías Técnicas de Servidor

Conectar Amazon S3 (Solución al Bloqueo CORS)

Si tus videos de Amazon S3 marcan error, no se reproducen en dispositivos Apple, o no cargan los subtítulos, es por el candado de seguridad de AWS. Sigue estos 3 pasos en tu consola de S3:Paso 1: Activar Acceso Público

Ve a la pestaña “Permisos” de tu bucket de S3. Asegúrate de DESACTIVAR la opción “Bloquear todo el acceso público”.Paso 2: Inyectar Configuración CORS (JSON)

Baja en esa misma página hasta “Uso compartido de recursos entre orígenes (CORS)” y pega este JSON:

[
    {
        "AllowedHeaders": ["*"],
        "AllowedMethods": ["GET", "HEAD"],
        "AllowedOrigins": ["*"],
        "ExposeHeaders": [],
        "MaxAgeSeconds": 3000
    }
]

Paso 3: Política del Bucket de Solo Lectura

Pega esto en “Política de bucket”, cambiando TU-BUCKET por el nombre exacto de tu bucket. Esto le dice a Amazon que cualquiera puede “ver” el video, pero nadie puede borrarlo o subir cosas.

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::TU-BUCKET/*"
        }
    ]
}

Activar Auto-Miniaturas Fotográficas (FFmpeg)

Si un MP4 nativo no tiene portada (poster), el reproductor se ve negro. Con esta opción PRO activa, tu servidor “viaja” al segundo 3 del video, extrae una foto y la pone de fondo mágicamente. Requiere la librería FFmpeg instalada a nivel servidor.

Para cPanel (Hosting Compartido como HostGator/Bluehost):

Entra a tu cPanel.
Busca “Seleccionar versión de PHP” (Select PHP Version).
Ve a la pestaña “Extensiones”, busca ffmpeg o php-ffmpeg y asegúrate de que tenga la palomita (checkbox) activa.

Para Servidores VPS / Dedicados (Ubuntu/Debian):

Entra por consola SSH y ejecuta:sudo apt update && sudo apt install ffmpeg -yPara WHM / CentOS:For WHM / CentOS:yum install epel-release -y && yum install ffmpeg ffmpeg-devel -y