ArielHF VideoPIP Overlay

Insert an accessible video player with an optional draggable mini overlay (picture-in-picture style, in-player — not the browser PiP API), optional WebVTT subtitles, and custom controls that work inside modals and page builders.

Live demo

Try the live demo

Features

• Main video from a direct file URL or Vimeo
• Optional mini overlay video (file or Vimeo), synchronized with the main video — typically sign language, or any secondary video
• Optional WebVTT subtitles from your site’s Media Library
• Draggable mini overlay window (mouse and touch)
• Automatic re-sync when playback drifts
• Coordinated asset loading with graceful degradation if the overlay or subtitles fail
• Multiple players per page
• Works in Elementor popups, Bootstrap modals, and other dynamic content
• No frontend branding or tracking

Third-party services

When you use Vimeo URLs, the player loads Vimeo’s embed and Player API. Review Vimeo’s terms: https://vimeo.com/terms

Subtitle files are read from your own site. This plugin does not send visitor data to analytics services.

Development

Source development repository: https://github.com/ahernandezfriz/reproductor-senas

Usage

Basic shortcode:

Full example:

Parameters

• principal (required) — Vimeo URL or direct video file URL
• senas (optional) — Mini overlay video URL (Vimeo or file); typically sign language or any secondary video
• subtitulos (optional) — WebVTT file URL from this site. Leave empty to hide subtitles
• titulo (optional) — Title shown above the player
• ancho (optional) — Maximum width, e.g. 800px or 100%. Default: 100%

Legacy alias: [video_senas] still works with the same parameters.