☰

SuperPiP

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

目前為 2025-06-04 提交的版本，檢視 最新版本。

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

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

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

作者
Toni Oriol
評價
0 0 0
版本
0.0.1
建立日期
2025-06-03
更新日期
2025-06-04
尺寸
4.9 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!