Buttons
Fullscreen Button API
# Props
Attribute:
target
Type:
'prefer-media' | 'media' | 'provider'
The target element on which to request fullscreen on. The target can be the
media
(i.e., <media-player>) or provider. The prefer-media option will first see if the native
fullscreen API is available, if not it'll try the media provider.
Attribute:
disabled
Type:
boolean
Whether the underlying button should be disabled (non-interactive).
Attribute:
default-pressed
Type:
boolean
Whether it should start in the on (pressed) state. This prop is only available on the base
<media-toggle-button>.
# Slots
Learn more about slotsUsed to override the default enter fullscreen icon.
Used to override the default exit fullscreen icon.
# Instance Props
Type:
'prefer-media' | 'media' | 'provider'
The target element on which to request fullscreen on. The target can be the
media
(i.e., <media-player>) or provider. The prefer-media option will first see if the native
fullscreen API is available, if not it'll try the media provider.
Type:
boolean
Whether it should start in the on (pressed) state. This prop is only available on the base
<media-toggle-button>.
Previous
<-
Mute Button
Next
PIP Button
->