Media Visibility API

The action to perform on the media provider when it enters the viewport.

The action to perform on the media provider when it exits the viewport.

The amount of time in milliseconds to delay viewport enter actions.

The action to perform on the media provider when the page becomes visible.

The action to perform on the media provider when the page becomes hidden.

The type of page state to use when determining visibility. - **state:** Refers to the page lifecycle state. This is typically what you want. - **visibility:** Visible here means the page content may be at least partially visible. In practice, this means that the page is the foreground tab of a non-minimized window. 💡 Need help making a decision? - Use state when you want completely visible / not visible. - Use visibility when you want partially visible / not visible.

The amount of time in milliseconds to delay page enter actions.

A DOM query selector for the element that is used as the viewport for checking visibility of the media player. Must be a ancestor of the media player. Defaults to the browser viewport if not specified.

A number which indicates at what percentage of the media player's visibility the observer's onEnter and onExit actions should be triggered.

Fired when media visibility changes based on the viewport position or page visibility state.