dev
/
sudo-archive
mirror of https://github.com/sussy-code/smov.git
2
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Disable PiP and Fullscreen for iOS PWA

This commit is contained in:
Ivan Evans 2024-08-15 12:47:14 -06:00
parent 1a36d96f48
commit 05c4988066
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/parts/player/PlayerPart.tsx
View File

@ -20,6 +20,11 @@ export function PlayerPart(props: PlayerPartProps) {
const { isMobile } = useIsMobile();
const isLoading = usePlayerStore((s) => s.mediaPlaying.isLoading);
// Detect if running as a PWA on iOS
const isIOSPWA =
/iPad|iPhone|iPod/i.test(navigator.userAgent) &&
window.matchMedia("(display-mode: standalone)").matches;
return (
<Player.Container onLoad={props.onLoad} showingControls={showTargets}>
{props.children}
@ -122,13 +127,20 @@ export function PlayerPart(props: PlayerPartProps) {
<div className="grid grid-cols-[2.5rem,1fr,2.5rem] gap-3 lg:hidden">
<div />
<div className="flex justify-center space-x-3">
{status === playerStatus.PLAYING ? <Player.Pip /> : null}
{/* Disable PiP for iOS PWA */}
{!isIOSPWA &&
(status === playerStatus.PLAYING ? <Player.Pip /> : null)}
<Player.Episodes />
{status === playerStatus.PLAYING ? <Player.Settings /> : null}
</div>
<div>
{/* Disable for iOS PWA */}
{!isIOSPWA && (
<div>
<Player.Fullscreen />
</div>
)}
</div>
</div>
</Player.BottomControls>