From 4a38c77e2d47022554002579a02bb726c7833a45 Mon Sep 17 00:00:00 2001
From: zisra <100528712+zisra@users.noreply.github.com>
Date: Mon, 27 Feb 2023 17:44:50 -0600
Subject: [PATCH] Fix feature detection

---
 src/video/components/actions/PictureInPictureAction.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/video/components/actions/PictureInPictureAction.tsx b/src/video/components/actions/PictureInPictureAction.tsx
index 01046760..f2529b8a 100644
--- a/src/video/components/actions/PictureInPictureAction.tsx
+++ b/src/video/components/actions/PictureInPictureAction.tsx
@@ -4,7 +4,10 @@ import { useTranslation } from "react-i18next";
 import { useControls } from "@/video/state/logic/controls";
 import { useVideoPlayerDescriptor } from "@/video/state/hooks";
 import { useCallback } from "react";
-import { canPictureInPicture } from "@/utils/detectFeatures";
+import {
+  canPictureInPicture,
+  canWebkitPictureInPicture,
+} from "@/utils/detectFeatures";
 import { VideoPlayerIconButton } from "../parts/VideoPlayerIconButton";
 
 interface Props {
@@ -22,7 +25,7 @@ export function PictureInPictureAction(props: Props) {
     controls.togglePictureInPicture();
   }, [controls]);
 
-  if (!canPictureInPicture()) return null;
+  if (!canPictureInPicture() && !canWebkitPictureInPicture()) return null;
 
   return (
     <VideoPlayerIconButton