☰

SuperPiP

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

当前为 2025-06-03 提交的版本，查看 最新版本。

如何安装

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴、Greasemonkey 油猴子 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Violentmonkey 暴力猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴 或 Userscripts ，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展，例如 Tampermonkey 篡改猴，才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

（我已经安装了用户脚本管理器，让我安装！）

如何安装

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展，比如 Stylus，才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

（我已经安装了用户样式管理器，让我安装！）

作者
Toni Oriol
评分
0 0 0
版本
0.0.1
创建于
2025-06-03
更新于
2025-06-03
大小
5.0 KB
许可证
AGPL-3.0-or-later
适用于
所有网站

SuperPiP

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

🎯 Features

  • ✅ Enables native HTML5 video controls on all videos
  • ✅ Removes overlay elements that block video interaction
  • ✅ Supports Picture-in-Picture mode (especially optimized for iOS Safari)
  • ✅ Works on any website with video content
  • ✅ Automatically detects dynamically loaded videos
  • ✅ Lightweight and non-intrusive

🚀 Installation

From Greasyfork

Install directly from Greasyfork

Manual Installation

  1. Install a userscript manager like Tampermonkey or Violentmonkey
  2. Click here to install the script
  3. The script will automatically work 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 all websites with HTML5 video content
  • Optimized for mobile Safari on iOS
  • Compatible with YouTube, Vimeo, Facebook, Instagram, TikTok, Twitch, and more

📋 Examples

The examples/ directory contains HTML files demonstrating how SuperPiP works with various video platforms:

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

🛠️ Development

# Clone the repository
git clone https://github.com/tonioriol/superpip.git
cd superpip

# The main userscript is in superpip.user.js
# Test examples are in the examples/ directory

📄 License

This project is licensed under the AGPL-3.0-or-later - see the LICENSE file for details.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

⭐ Support

If you find SuperPiP useful, please consider giving it a star on GitHub!