☰

SuperPiP

Enable native video controls with Picture-in-Picture functionality on any website

Cómo instalar

Tendrás que instalar una extensión para tu navegador como Tampermonkey, Greasemonkey o Violentmonkey si quieres utilizar este script.

You will need to install an extension such as Tampermonkey to install this script.

Tendrás que instalar una extensión como Tampermonkey o Violentmonkey para instalar este script.

Necesitarás instalar una extensión como Tampermonkey o Userscripts para instalar este script.

Tendrás que instalar una extensión como Tampermonkey antes de poder instalar este script.

Necesitarás instalar una extensión para administrar scripts de usuario si quieres instalar este script.

(Ya tengo un administrador de scripts de usuario, déjame instalarlo)

Cómo instalar

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Tendrás que instalar una extensión como Stylus antes de poder instalar este script.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

Para poder instalar esto tendrás que instalar primero una extensión de estilos de usuario.

(Ya tengo un administrador de estilos de usuario, déjame instalarlo)

Autor
Toni Oriol
Instalaciones diarias
1
Instalaciones totales
74
Calificaciones
0 0 0
Versión
0.1.1
Creado
3/6/2025
Actualizado
21/12/2025
Tamaño
11,9 KB
Licencia
AGPL-3.0-or-later
Funciona en
Todos los sitios

SuperPiP

Enables native video controls with Picture-in-Picture functionality on websites.

Features

  • Enables native HTML5 video controls on all videos
  • Removes overlay elements that block video interaction
  • Supports Picture-in-Picture mode (optimized for iOS Safari)
  • Works on websites with video content
  • Automatically detects dynamically loaded videos

Installation

From Greasyfork

Install from Greasyfork

Manual Installation

  1. Install a userscript manager (Tampermonkey, Violentmonkey, etc.)
  2. Install the script from superpip.user.js
  3. Script works automatically on all websites

How it works

  1. Scans all video elements on the page
  2. Enables native browser controls for each video
  3. Detects and hides overlay elements positioned on top of videos
  4. Monitors for new videos added to the page dynamically
  5. Special handling for iOS Safari to enable Picture-in-Picture functionality

Compatibility

  • Works on websites with HTML5 video content
  • Optimized for mobile Safari on iOS
  • Compatible with YouTube, Vimeo, Facebook, Instagram, TikTok, Twitch, and more

Examples

The superpip-examples/ directory contains HTML files demonstrating SuperPiP with various video platforms:

  • YouTube
  • Vimeo
  • Facebook
  • Instagram
  • TikTok
  • Twitch

License

AGPL-3.0-or-later