ArielHF

VideoPIP Overlay – DEMO

Loading player…

Drag to move

0:00
0:00

Descripción

Inserta un reproductor accesible con una ventana mini arrastrable sobre el video principal (estilo PiP dentro del reproductor, no la API PiP del navegador), subtítulos WebVTT opcionales y controles personalizados que funcionan en modales y maquetadores de páginas.

Características

  • Video principal desde un archivo (URL directa) o Vimeo
  • Video mini opcional (archivo o Vimeo), sincronizado con el principal — normalmente lengua de señas, u otro video secundario
  • Subtítulos WebVTT opcionales desde la Biblioteca de medios
  • Ventana mini arrastrable (ratón y táctil)
  • Re-sincronización automática si se desfasá la reproducción
  • Carga coordinada: si fallan las señas o los subtítulos, el video principal sigue disponible
  • Varios reproductores en la misma página
  • Compatible con popups de Elementor, modales Bootstrap y contenido dinámico
  • Sin branding ni seguimiento en el frontend

 

Instalación

  • Instala el plugin desde el directorio de WordPress o súbelo a /wp-content/plugins/
  • Actívalo en Plugins
  • Inserta el shortcode en cualquier página o entrada

Enlace al directorio:

ArielHF VideoPIP Overlay

 

Uso / shortcode

Básico:

[ ahvpo_player principal="https://tudominio.cl/wp-content/uploads/videos/charla.mp4" senas="https://tudominio.cl/wp-content/uploads/videos/charla-senas.mp4" ]

Completo:

[ ahvpo_player principal="https://vimeo.com/123456789" senas="https://tudominio.cl/wp-content/uploads/videos/lengua-senas.mp4" subtitulos="https://tudominio.cl/wp-content/uploads/subtitulos/charla.vtt" titulo="Charla de accesibilidad" ancho="800px" ]

Parámetros

ParámetroObligatorioDescripción
principal
Sí
URL de Vimeo o archivo de video
senas
No
Video de la ventana mini (Vimeo o archivo); lengua de señas u otro video secundario
subtitulos
No
URL de archivo WebVTT (.vtt) de este mismo sitio. Vacío = sin subtítulos
titulo
No
Título sobre el reproductor
ancho
No
Ancho máximo, ej. 800px o 100%. Por defecto: 100%

Preguntas frecuentes

¿Puedo mezclar Vimeo y videos alojados en mi sitio?
Sí. principal y senas son independientes. Por ejemplo, el principal en Vimeo y la ventana mini como MP4 en tu carpeta de medios. *Por ahora no soporta videos de Youtube.

¿Dónde deben estar los subtítulos?
Sube archivos .vtt a la Biblioteca de medios de WordPress. El shortcode debe usar una URL del mismo sitio.

¿Funciona en popups de Elementor?
Sí. El reproductor se inicializa ante cambios del DOM, eventos de popup de Elementor y, como respaldo, en la primera interacción del usuario.

¿Es la API Picture-in-Picture del navegador?

No. La ventana mini es un overlay PiP dentro del reproductor. No usa la API PiP del navegador.