Feature Request & Workaround: Prevent the Rise Video Control Bar from Clipping Lower Video Content

Update: After further testing across different screen sizes and zoom levels, the 52px offset in my previous snippet could still cause slight intermittent overlap—and fullscreen mode bypassed the height adjustment altogether due to browser fullscreen locks.

Here is an updated version that resolves both issues:

• Inline mode: Increases the clearance buffer to 70px so the scrubber thumb and gradient shadow never clip the bottom edge across varying viewports.
• Fullscreen mode: Uses transform: scale(0.94) anchored to top center with a 2500ms return delay to bypass browser fullscreen height restrictions and match the longer fullscreen idle timeout.

<style id="ov-dynamic-video-scale">
  /* Keep the player background black so letterboxing blends seamlessly */
  div:has(> .ov-control-bar) {
    background-color: #000 !important;
    overflow: hidden !important;
  }

  /* Inline waits 1250ms to expand; Fullscreen waits 2500ms to match its longer idle timer */
  div:has(> .ov-control-bar) video {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    transform-origin: top center !important;
    transform: scale(1) !important;
    transition: height 250ms ease 1250ms, transform 250ms ease 2500ms !important;
  }

  /* Inline active state: Reduce height by 70px when paused, hovered, or keyboard-focused */
  div:has(> .ov-control-bar):not(:fullscreen):not(:-webkit-full-screen):has(.ov-play-button[aria-label="Play"]) video,
  div:has(> .ov-control-bar):not(:fullscreen):not(:-webkit-full-screen):hover video,
  div:has(> .ov-control-bar):not(:fullscreen):not(:-webkit-full-screen):has(:focus-visible) video {
    height: calc(100% - 70px) !important;
    transition: height 250ms ease 0ms, transform 250ms ease 0ms !important;
  }

  /* Fullscreen active state: Scale down dynamically when paused, hovering controls, or focused */
  div:has(> .ov-control-bar):is(:fullscreen, :-webkit-full-screen):has(.ov-play-button[aria-label="Play"]) video,
  div:has(> .ov-control-bar):is(:fullscreen, :-webkit-full-screen):has(.ov-control-bar:hover) video,
  div:has(> .ov-control-bar):is(:fullscreen, :-webkit-full-screen):has(:focus-visible) video {
    transform: scale(0.94) !important;
    transition: height 250ms ease 0ms, transform 250ms ease 0ms !important;
  }
</style>