Reproductor de Video Picture in Picture

Inserta un reproductor accesible con una ventana mini arrastrable sobre el video principal en modo picture-in-picture (PiP), subtítulos WebVTT opcionales y controles personalizados que funcionan en modales y maquetadores de páginas.

Demo en vivo

Probar la demo en vivo

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 desfasa 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

Servicios de terceros

Si usas URLs de Vimeo, el reproductor carga el embed y la API de Vimeo. Revisa sus términos: https://vimeo.com/terms

Los subtítulos se leen desde tu propio sitio. Este plugin no envía datos de visitantes a servicios de analítica externos.

Desarrollo

Repositorio de desarrollo: https://github.com/ahernandezfriz/reproductor-senas

Usage

Shortcode básico:

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

Ejemplo completo:

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

Parámetros

• principal (obligatorio) — URL de Vimeo o archivo de video
• senas (opcional) — URL del video de la ventana mini (Vimeo o archivo); normalmente lengua de señas u otro video secundario
• subtitulos (opcional) — URL de archivo WebVTT de este sitio. Déjalo vacío para ocultar subtítulos
• titulo (opcional) — Título mostrado sobre el reproductor
• ancho (opcional) — Ancho máximo, p. ej. 800px o 100%. Por defecto: 100%

Alias legado: [video_senas] sigue funcionando con los mismos parámetros.