[Feature Request]: use DocumentPictureInPicture

[ThaUnknown]

Preflight checklist

• [X] I have searched the issue tracker for a bug report that matches the one I want to file, without success.
• [X] I have searched the features list for this feature, and I couldn't find it.
• [X] I have checked that I'm using the latest stable version of the app.

Problem Description

current PiP is very resource intensive, and causes issues, also can't control playback

Proposed Solution

https://developer.chrome.com/docs/web-platform/document-picture-in-picture

this can potentially let us enable background throttling to fix pause on lost focus?

[ThaUnknown]

https://github.com/electron/electron/issues/39633

[ThaUnknown]

https://github.com/BenjaminAster/TypeScript-types-for-new-JavaScript