Theater Mode

:placard: Summary Adds a theater mode button to the scene video player to make the video take up the full width of the page, similarly to YouTube’s theater mode.
:link: Repository https://github.com/hippochapel/hippo-stash-plugins/tree/main/plugins/TheaterMode
:information_source: Source URL https://hippochapel.github.io/hippo-stash-plugins/main/index.yml
:open_book: Install How to install a plugin?

Features

Click the “theater mode” button or press “T” to expand the video player to take up the full width of the page.

Installation

Go to Settings > Plugins > Available Plugins, click “Add Source”. For “Name”, input anything you want or “Hippo Chapel’s Plugins”, for “Source URL” add https://hippochapel.github.io/hippo-stash-plugins/main/index.yml, and you can leave “Local Path” empty. Click “Confirm”. Now expand the repo, click “Theater Mode”, and click “Install”.

Screenshots

Disclosure: this was vibe-coded, but I have reviewed and tested the code. The code also has a unit test suite.

1 Like

Just updated the plugin with persistence options. Theater mode now can be set to always be on when opening a scene, always be off when opening a scene, or (the default) to remember if you last turned theater mode on or off and persist that for the next scene.

2 Likes

Thank you for the plugin. I have a small feature request. Make it even more Theater Mode by doing this:

  • Remove the padding-top on the body tag
  • Remove the padding-top on .main class
  • Remove the padding-right on .scene-player-container class
  • Do a display: none on the .top-nav class

This should do the trick:

body.stash-theater-mode { 
padding: 0 !important;
}

body.stash-theater-mode .top-nav { 
display: none;
}

body.stash-theater-mode .main { 
padding-top: 0 !important;
}

body.stash-theater-mode .scene-player-container { 
padding: 0 !important;
}

I’ve done some basic testing. It should be thoroughly tested to check for any regressions. The only downside is that you have to close Theater Mode to navigate elsewhere. But personally, I don’t find that too bad.

1 Like