javascript - requestPictureInPicture not working on iOS PWA

Question

I'm trying to trigger Pictuer-in-picture (PiP) on a HTML video using the following code:

await videoElement.requestPictureInPicture().catch((error) => 
    alert(`PiP failed, ${error}`);
);

This works fine in Safari, but when you use 'Add to home screen' with "display": "standalone" set in the manifest, this code returns an error saying picture in picture is unsupported. Additionally the built-in PiP control is missing from the video player.

Any ideas why this is happening or how to fix it? I assumed the PWA/standalone version uses the same browser/js engine behind the scenes as regular Safari on the device, but it looks like it may be different?

question from:https://stackoverflow.com/questions/66048676/requestpictureinpicture-not-working-on-ios-pwa

Answer 1

Waitting for answers