这有可能启用和控制JavaScript图片模式、安卓和iOS设备吗？

Question

我使用webrtc创建了视频调用应用程序，并在安卓和iOS上成功地使用Cordova创建了视频调用应用程序。

接下来，我开始在我的web应用程序中使用JavaScript创建图片模式，这也很好，但我的移动应用程序不支持请求图片模式。

如何启用和控制JavaScript图像模式、android和iOS设备？

async function videoShrink(video){
    var video = document.getElementsByTagName("video")[0];
   
    try {
        // If there is no element in Picture-in-Picture yet, request for it
        if (video !== document.pictureInPictureElement) {
            await video.requestPictureInPicture();
        }
        // If Picture-in-Picture already exists, exit the mode
        else {
            await document.exitPictureInPicture();
        }

    } catch (error) {
        // console.log(`Oh Horror! ${error}`);
        console.log(error);
    }   
 }

Answer 1

video.requestPictureInPicture();

不用于CSS Cordova平台，因此只能使用CSS动画自定义布局。

Answer 2

有几个插件，你可以试试。

https://www.npmjs.com/package/cordova-plugin-pip

https://github.com/efoxbr/cordova-plugin-pip-mode

也要退房

https://github.com/collab-project/videojs-record/blob/master/examples/picture-in-picture.html