diff --git a/src/components/VideoPlayer2.tsx b/src/components/VideoPlayer2.tsx index 6e317c1ca..040430175 100644 --- a/src/components/VideoPlayer2.tsx +++ b/src/components/VideoPlayer2.tsx @@ -67,7 +67,7 @@ export const VideoPlayer: FunctionComponent = ({ if (document.pictureInPictureElement) { await document.exitPictureInPicture(); } else if (document.pictureInPictureEnabled && playerRef.current) { - playerRef.current.requestPictureInPicture(); + await playerRef.current.requestPictureInPicture() } } catch (error) { // Ignore specific errors that might occur during normal operation @@ -327,7 +327,6 @@ export const VideoPlayer: FunctionComponent = ({ } } } - const handleTrackChange = () => { for (let i = 0; i < tracks.length; i++) { const track = tracks[i]; @@ -503,7 +502,9 @@ export const VideoPlayer: FunctionComponent = ({ event.stopPropagation(); break; case 'KeyP': // 'P' key to toggle picture-in-picture(pip) mode - togglePictureInPicture(); + if(!navigator.brave) { + togglePictureInPicture(); + } event.stopPropagation(); break; case 'KeyC': @@ -652,8 +653,10 @@ export const VideoPlayer: FunctionComponent = ({ .el() .insertBefore(qualitySelector.el(), fullscreenToggle.el()); - const pipButton = createPipButton(player); - controlBar.el().insertBefore(pipButton.el(), fullscreenToggle.el()); + if(!navigator.brave) { + const pipButton = createPipButton(player); + controlBar.el().insertBefore(pipButton.el(), fullscreenToggle.el()); + } setPlayer(player); if (options.isComposite) {