Best way to change the hideDelay prop with the default layout?

[miketdonahue]

Hi All,

I'd like to change the hideDelay prop on the Controls component, but I am unsure of the best way to do so. I do not want to implement my own Controls, I simply want to change the prop to a shorter value. However, I don't see the prop exposed at a higher level, such as the Player.

I am using the standard, default layout with the React component.

Is there a way to change the hideDelay prop without implementing my own Controls?

Thanks!

[mihar-22]

You can change it on the player instance:

const player = useRef<MediaPlayerInstance>(null);

useEffect(() => {
  player.current.controls.defaultDelay = 2000;
}, []);

<MediaPlayer ref={player}>

Hope that helps! Let me know if there's any issues.

[mihar-22]

I've also noted to add this to the docs under the controls component page.

[miketdonahue]

Excellent. Thanks so much, @mihar-22!

[mihar-22]

Oh just adding here for everyone that there's also the controlsDelay prop on the player too (forgot somehow 😓):

<MediaPlayer controlsDelay={2000}>