Instagram Video Controls - Enhanced State

FerNikoMF
2026-01-17T09:32:16Z

Compact adaptive UI: primary bar + overflow menu. Keyboard shortcuts, A-B loop, screenshot, PiP.

Replaces Instagram's default video player with a clean, adaptive control bar for all videos — Feed, Reels, Stories.

features

persistent volume & speed across all videos — instagram can't reset them

adaptive bar: on narrow reels the time label hides automatically

volume slider expands on hover only — doesn't clutter the bar

osd flash feedback for every keyboard action

keyboard shortcuts

key | action
space / k | play / pause
← → | seek ±5 sec
↑ ↓ | volume ±10%
m | mute toggle
, . | speed down / up
l | a→b→clear loop
s | screenshot frame
f | fullscreen
p | picture in picture

··· menu (secondary actions)

a-b loop - press l to set point a, again for point b, third time to clear. markers visible on progress bar

screenshot - saves current frame as png

pip & fullscreen — accessible without cluttering the main bar

fixes vs v1

weakset registry - no memory leaks on spa navigation

throttled volume sync - was firing 100+ times/sec on slider drag

progress bar fill updates while dragging (was broken)

pip wrapped in try/catch with browser support check

localstorage in try/catch - works in private mode

infinity duration handled for live streams

panel cleans up when instagram removes video from dom