Theater Mode Toggle in the Settings Cog

[Zren]

Youtube is A/B testing moving the theater mode toggle to the settings cog.

First off to fix the video size in "normal mode" before the theater-mode is activated.

                    scriptSelector + ' ytd-watch-flexy[flexy] #player-container-outer.ytd-watch-flexy',
                    scriptSelector + ' ytd-watch-flexy[flexy] #player-container-inner.ytd-watch-flexy',
                    scriptSelector + ' ytd-watch-flexy[flexy] #player-container.ytd-watch-flexy',

To fix the UI, we'll need to toggle the theater mode, which is now more complicated.

Might be able to fake a t keypress?

The video is moved to another container when in theater mode.

We might be able to trigger the button.ytp-screen-mode-settings-button with a click.

[Zren]

Uhg, the miniplayer has the same css class.

• <button class="ytp-screen-mode-settings-button ytp-button" title="Miniplayer (i)">
• <button class="ytp-screen-mode-settings-button ytp-button" title="Default view (t)">

I'll use querySelectorAll() and select the second list item.