Supercharge HTML5 video playback with Picture-in-Picture (PiP), A-B loop, speed control, mirror/rotate, lossless screenshots, and advanced media statistics.
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.
💡 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.
<video> elements."See you in the next loop."