Player.js: Option to disable picture-in-picture (PIP)

[gpoole]

Expected Behavior

Player API should have a boolean option such as disablePictureInPicture: true or pip: false to disable the browser's picture-in-picture feature via disablePictureInPicture.

Actual Behavior

The player API does not seem to support disabling PIP.

[yanosh-igor]

Also looking for the same feature. It would be very useful.
Any idea when will it be implemented?

[elfanek]

+1. disablePictureInPicture would be a great enhancement!

[lucymca]

+1 disablePictureInPicture would be VERY handy

[lucymca]

Any idea when will it be implemented?

[Nautman]

Totally agree. This feature would be really useful!

[luwes]

thanks for the feedback, we're looking into this feature to release together with the PiP API methods.

just to confirm, the use case would be to disable the PiP UI button currently shown in Safari?

[Nautman]

Yes, the use case is that I want to fully disable users from being able to use PiP in our iframe.

For Safari, this means that the button should be hidden.

For Chrome, I think this means that the disablePictureInPicture attribute should be added to the element, either with HTML or JavaScript (videoElement.disablePictureInPicture = true).

Unfortunately, Firefox doesn't currently support the disablePictureInPicture attribute. This is an open issue on Bugzilla.

Thank you so much for helping us!

[suffering]

after some research, there is no configuration to disable pip if you are using DefaultUi and DefaultControls.
https://github.com/vime-js/vime/blob/63fab3dcbed1dc9d2726cb6d73760a7b7ef8d30d/core/src/components/ui/controls/default-controls/default-controls.tsx#L156
the only solution is to custmize the UI by yourself:

<Ui>
  <DblClickFullscreen />
  <ClickToPlay />
  <Poster />
  <Spinner />
  <LoadingScreen />
  <Controls
    pin='bottomRight'
    fullWidth
  >
    <ControlGroup>
      <ScrubberControl />
    </ControlGroup>
    <ControlGroup space='top'>
      <PlaybackControl tooltipDirection='right' />
      <VolumeControl />
      <TimeProgress />
      <SettingsControl />
      <ControlSpacer />
      <FullscreenControl tooltipDirection='left' />
    </ControlGroup>
  </Controls>
</Ui>

notice that this snippets is only for desktop view, ignores the configures on live mode and mobile mode.

There is prop disablePiP on Video component, it is used to disable the pip button on fullscreen mode.

[luwes]

PiP is now disabled by default on all browsers. It can be enabled on Chrome and Safari by adding the pip option and setting it to true. Closing this as fixed.

[swaps-mayekar]

How to use pip option ?
If I open 'https://player.vimeo.com/video/76979871?pip=0' in Firefox, I still get PIP icon over video.

[Nautman]

I think it's not possible to disable PIP in firefox @swaps-mayekar.

Unfortunately, Firefox doesn't currently support the disablePictureInPicture attribute. This is an open issue on Bugzilla.

[swaps-mayekar]

I think it's not possible to disable PIP in firefox @swaps-mayekar.

Unfortunately, Firefox doesn't currently support the disablePictureInPicture attribute. This is an open issue on Bugzilla.

Thanks for confirming mate !