Bei schmalen Reels ragte die Leiste über die Video-Ränder hinaus,
weil (a) width:100% + padding ohne explizites box-sizing die Leiste
über die Reel-Breite trieb und (b) die fixbreiten Elemente (Buttons,
Slider, Zeit-Label) den verfügbaren Platz überstiegen.
- Eigener box-sizing: border-box Reset für alle Extension-Elemente
- min-width:0 an der Leiste + schrumpfbarer Slider (flex:0 1)
- Container-Query (orientiert an der Reel-Breite, nicht am Viewport)
verkleinert Buttons/Slider/Padding bei schmalen Reels und blendet
das Zeit-Label bei sehr schmalen Reels aus
Instagram lädt das nächste Reel vor; dessen <video> wird früh von
scan() erkannt und mit Steuerleiste versehen, wobei _rcDesiredVolume
mit dem damaligen lastVolume eingefroren wurde. Nutzeränderungen
danach aktualisierten nur die globale Variable, nicht das vorgeladene
Reel — enforceVolume erzwang den veralteten Wert, bis zufällig ein
später angeheftetes Video drankam.
enforceVolume und der Tastatur-Handler übernehmen den Wunschstand nun
vor jeder Aktion aus der globalen Quelle (lastVolume/lastMuted) statt
dem eingefrorenen pro-Video-Wert zu vertrauen.