always fit video player

ui/component/fileViewer/view.jsx

@@ -137,6 +137,7 @@ export default function FileViewer(props: Props) {
       <div
         className={classnames('content__viewer', {
           'content__viewer--floating': !inline,
+          'content__viewer--inline': inline,
         })}
         style={
           inline && fileViewerRect

ui/scss/component/_content.scss

@@ -4,6 +4,10 @@
   top: var(--spacing-large);
 }
 
+.content__viewer--inline {
+  max-height: var(--inline-player-max-height);
+}
+
 .content__viewer--floating {
   position: fixed;
   margin-bottom: 0;
@@ -63,6 +67,7 @@
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 100%;
+  max-height: var(--inline-player-max-height);
   margin: auto;
 
   &:not(.card__media--nsfw) {

ui/scss/component/_file-render.scss

@@ -3,6 +3,7 @@
   height: 100%;
   z-index: 1;
   overflow: hidden;
+  max-height: var(--inline-player-max-height);
 }
 
 .file-render__viewer {

ui/scss/init/_vars.scss

@@ -79,6 +79,9 @@ $large-breakpoint: 1921px;
   // Header
   --header-height: 5rem;
 
+  // Inline Player
+  --inline-player-max-height: calc(100vh - var(--header-height) - var(--spacing-large) * 2);
+
   // Card
   --card-radius: 5px;
   --card-max-width: 1000px;