Skip to content

PiP-Button for videos, should work on most Chromium Browsers

Notifications You must be signed in to change notification settings

BEFICENT/pip-button

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Video PiP Shortcut — v 1.10

The simplest way to pop any HTML5 video into Picture‑in‑Picture on Chrome / Brave / Edge.

First major update since v 1.3
Everything below is new or has been improved in v 1.10.


🚀 What’s new in v 1.10

Area Added / Changed
Overlay button • Works on videos that appear later
• 3 icon sizes – Small 40 px, Medium 50 px, Large 60 px
Hover behaviour Choose how the icon appears:
  ➊ Show only on icon hover
  ➋ Fade until icon hover (default)
  ➌ Always visible
Positioning 9 presets (centre + 8 compass points)
Edge margin Quick dropdown (0 – 400 px) keeps the icon from hugging the edge
Keyboard shortcut Pick any key + Alt / Ctrl / Shift / Meta
(defaults to Alt + P)
Click feedback Optional zoom‑flash animation
One‑click PiP toggle Clicking the overlay toggles PiP on/off for that video
Settings popup All options live‑update from the toolbar popup—no page reloads

✨ Features

  • Overlay PiP icon on every HTML5 video
  • Instant PiP toggle – click the icon or use the global shortcut
  • Nine positions + edge margin presets
  • Icon size presets (small / medium / large)
  • Three hover styles (hover‑only, fade, always)
  • Custom shortcut – pick any key + modifiers
  • Click animation (can be turned off)
  • All settings sync via Chrome Sync and update live across tabs

✨ Future Improvements

  • **Better compatibility with websites like Reddit, Twitch, Kick, etc. (maybe even with streaming services)
  • **Performance improvements

🛠 Installation

  1. Download or clone the repo.
  2. Open chrome://extensions (or brave://extensions, edge://extensions).
  3. Enable Developer mode.
  4. Click Load unpacked and select the extension folder.

Hover any video → click the 🎬 icon or press Alt + P
(default shortcut—change it any time).


⚙️ Options

Open the toolbar popup (or right‑click → Options) to tweak:

Category Options
Overlay Enable / disable icon & click animation
Icon size Small • Medium • Large
Hover behaviour Hover‑only • Fade • Always
Position Centre + 8 compass points
Edge margin 0, 4, 8, 12, 16, 24, 32, 48, 64, 100, 200, 400 px
Shortcut Any key + Alt / Ctrl / Shift / Meta

Settings are saved instantly and applied to every open tab.


🖼 Icon credit

Playback / PiP icon by
Uniconlabs – Flaticon
Licensed for free use with attribution.


Made with ❤️ by BEFICENT (with a little help from ChatGPT).
Feel free to fork, improve, and share!

About

PiP-Button for videos, should work on most Chromium Browsers

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published