The Ultimate Picture-in-Picture Extension

Material Pro PiP supercharges your browser's default Picture-in-Picture (PiP) functionality. It replaces the basic, limited PiP with a fully-featured, customizable, and universally compatible video player that floats on top of your work.

Built with the modern Document Picture-in-Picture API, this extension gives you the control and features you've always wanted, from custom themes and keyboard shortcuts to seamless navigation of video feeds like YouTube Shorts, TikTok, and Instagram Reels.

(A GIF showcasing the extension in action would be perfect here!)

• Universal Site Support: Works flawlessly on sites where standard PiP struggles, including YouTube (Shorts & regular videos), Facebook, X (Twitter), Instagram, TikTok, Dailymotion, VK, Bilibili, and many more.
• Smart Floating Button: A non-intrusive PiP button automatically appears over any video you mouse over, bypassing invisible overlays used by many sites.
• Modern Material You UI: A clean, beautiful player interface inspired by Google's Material Design, with smooth animations and clear icons.
• Customizable Themes: Choose between an Auto (system-matching), Light, or Dark theme for the player.
• Accent Color: Personalize the player's seekbar, volume slider, and buttons with any color you choose.
• Advanced Volume Control: A sleek, YouTube-style volume slider that expands on hover, plus use your mouse wheel to adjust volume directly in the PiP window.
• Smart Feed & Playlist Navigation:
  • On YouTube Shorts, TikTok, Instagram Reels, etc., the Next/Previous buttons seamlessly scroll the feed to the next video.
  • On a standard YouTube /watch page, the buttons intelligently trigger YouTube's native "Next Video" and "Previous Video" actions in the playlist.
• Fully Customizable Keyboard Shortcuts: Don't like the defaults? Set your own key combinations (including Alt, Ctrl, Shift combos) for every major action via the settings page.
• Intuitive Playback Control:
  • Click anywhere on the video to Play/Pause.
  • Use Arrow Keys to seek forward/backward (←/→) and adjust volume (↑/↓).
  • Hold Ctrl while using arrow keys for a longer 10-second seek.
• Integrated Settings Panel: A dedicated settings button inside the PiP window gives you one-click access to the options page.

(Coming Soon!)

Only Chromium Based Browsers

If you want to install the extension from the source code:

1. Download the project files as a ZIP and extract them, or clone the repository.
2. Open Google Chrome and navigate to chrome://extensions.
3. Enable "Developer mode" using the toggle switch in the top-right corner.
4. Click the "Load unpacked" button that appears.
5. Select the folder where you extracted the project files.
6. The "Material Pro PiP" extension will now be installed!

1. Activate PiP: Go to any website with a video. Hover your mouse over the video player, and a blue "PiP" button will appear. Click it to launch the video in theUltraPip window.
2. Control Playback:
   • In the PiP Window: Use the on-screen controls, click anywhere to play/pause, use your mouse wheel for volume, or use the arrow keys to seek and adjust volume.
   • Globally: Use the custom keyboard shortcuts you've configured to control the video, even when you're working in another window!
3. Customize: Click the extension icon in your Chrome toolbar (or the settings gear inside the PiP window) to open the Settings page. Here you can change the theme, accent color, icon size, and all keyboard shortcuts.

This project is licensed under the GNU 3 License. See the LICENSE file for details.