Decrease controls hide delay

codonaft · Nov 1, 2024 · 190f638 · 190f638
1 parent 75db199
commit 190f638
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/packages/vidstack/src/components/ui/controls.ts b/packages/vidstack/src/components/ui/controls.ts
@@ -14,7 +14,7 @@ import { setAttributeIfEmpty } from '../../utils/dom';
  */
 export class Controls extends Component<ControlsProps, {}, ControlsEvents> {
   static props: ControlsProps = {
-    hideDelay: 2000,
+    hideDelay: 1000,
     hideOnMouseLeave: false,
   };
 
@@ -66,7 +66,7 @@ export class Controls extends Component<ControlsProps, {}, ControlsEvents> {
       { hideDelay, hideOnMouseLeave } = this.$props;
 
     // Use controls delay prop on player if this is the default value.
-    controls.defaultDelay = hideDelay() === 2000 ? this.#media.$props.controlsDelay() : hideDelay();
+    controls.defaultDelay = hideDelay() === 1000 ? this.#media.$props.controlsDelay() : hideDelay();
     controls.hideOnMouseLeave = hideOnMouseLeave();
   }
 

diff --git a/packages/vidstack/src/core/api/player-props.ts b/packages/vidstack/src/core/api/player-props.ts
@@ -38,7 +38,7 @@ export const mediaPlayerProps: MediaPlayerProps = {
   preferNativeHLS: false,
   src: '',
   title: '',
-  controlsDelay: 2000,
+  controlsDelay: 1000,
   hideControlsOnMouseLeave: false,
   viewType: 'unknown',
   streamType: 'unknown',

diff --git a/packages/vidstack/src/core/controls.ts b/packages/vidstack/src/core/controls.ts
@@ -16,9 +16,9 @@ export class MediaControls extends MediaPlayerController {
    * The default amount of delay in milliseconds while media playback is progressing without user
    * activity to indicate an idle state (i.e., hide controls).
    *
-   * @defaultValue 2000
+   * @defaultValue 1000
    */
-  defaultDelay = 2000;
+  defaultDelay = 1000;
 
   /**
    * Whether controls can hide after a delay in user interaction. If this is false, controls will