forked from
juliet.paris/streamplace-spa
minimal streamplace frontend
fix fullscreen on safari
+4
-2
+4
-2
src/components/VideoPlayer.tsx
+4
-2
src/components/VideoPlayer.tsx
···
87
87
const toggleFullscreen = () => {
88
88
if (document.fullscreenElement) {
89
89
document.exitFullscreen();
90
-
} else {
90
+
} else if (containerEl.requestFullscreen) {
91
91
containerEl.requestFullscreen().catch(() => {});
92
+
} else if ((videoEl as any).webkitEnterFullscreen) {
93
+
(videoEl as any).webkitEnterFullscreen();
92
94
}
93
95
};
94
96
···
160
162
step="0.01"
161
163
value={muted() ? 0 : volume()}
162
164
onInput={(e) => handleVolume(parseFloat(e.currentTarget.value))}
163
-
class="h-1 w-20 cursor-pointer appearance-none rounded-full bg-white/30 accent-white"
165
+
class="h-1 w-20 appearance-none rounded-full bg-white/30 accent-white"
164
166
/>
165
167
<button
166
168
class="rounded-sm p-1.5 text-white/70 transition-colors hover:text-white"