<media-pip-button>

Button to toggle picture-in-picture mode of the video.

Enter pip

<media-pip-button></media-pip-button>

Exit pip

<media-pip-button media-is-pip></media-pip-button>

Alternate content

PIP Off

Enter Exit

<media-pip-button>
  <span slot="enter">PIP</span>
  <span slot="exit">Off</span>
</media-pip-button>
<media-pip-button media-is-pip>
  <span slot="enter">Enter</span>
  <span slot="exit">Exit</span>
</media-pip-button>

Attributes

None

Slots

Name	Default Type	Description
`enter`	`svg`	An element shown when the media is not in PIP mode and pressing the button will trigger entering PIP mode
`exit`	`svg`	An element shown when the media is in PIP and pressing the button will trigger exiting PIP mode

Styling

See our styling docs