A lightweight userscript that adds a surgical-grade floating control bar with PiP, A-B Loop, Speed control, and Media Statistics to HTML5 videos.
Primarily tested on Safari for macOS. Also compatible with Chromium browsers (e.g., Edge), though functionality and visual performance may vary on some sites.
- 🌠 Picture-in-Picture: One-click toggle for floating video mode.
- 🔁 Advanced Loop: Supports both Full Loop and A-B Repeat.
- ⚡️ Speed Control: Quickly adjust playback speed.
- 📸 Lossless Screenshot: One-click to capture 1:1 PNG frames without UI overlay.
- 📊 Media Stats: Real-time FPS, resolution, and color space tracking.
- 👻 Auto-hide: Fades out after 3 seconds of inactivity.
- 🪞 Mirror Effect: Horizontally flip video with one click.
💡 Use
Alton Windows andOption (⌥)on macOS.
| Icon | Action | Description | Shortcut |
|---|---|---|---|
| 🔳 | PiP | Toggle Picture-in-Picture mode. | ⌥ + P |
| 🔁 | Loop / Set A | Enable Full Loop and automatically set Point A at the current time. | ⌥ + L |
| Set Point B | (Appears after looping) Click to lock the A-B range and start looping. | ⌥ + B |
|
| 📸 | Screenshot | Save the current frame as a high-quality PNG. | ⌥ + S |
| ⏩ | Playback Speed | Adjust video playback rate. | ⌥ + -/= |
| 📊 | Stats | Toggle real-time media statistics. | ⌥ + I |
| 🪞 | Mirror | Horizontally flip video. | ⌥ + M |
💡 Tip: Use A-B Loop with 0.5x Speed to master difficult guitar solos or dance moves easily.
- Universal Support: Works on most pages that use standard HTML5
<video>elements. - Feature Priority: If the website already provides equivalent native functionality, it is recommended to use the site's built-in controls for the best experience.
- Behavioral Notes: Some platforms use custom playback logic, which may occasionally cause the script's state to differ from the actual site behavior.
"See you in the next loop."