diff --git a/src/views/Screen/hooks/useFullscreen.ts b/src/views/Screen/hooks/useFullscreen.ts
index 2103e693..038fd95f 100644
--- a/src/views/Screen/hooks/useFullscreen.ts
+++ b/src/views/Screen/hooks/useFullscreen.ts
@@ -18,8 +18,12 @@ export default () => {
   onMounted(() => {
     fullscreenState.value = isFullscreen()
     document.addEventListener('fullscreenchange', handleFullscreenChange)
+    document.addEventListener('webkitfullscreenchange', handleFullscreenChange) // Safari 兼容
+  })
+  onUnmounted(() => {
+    document.removeEventListener('fullscreenchange', handleFullscreenChange)
+    document.removeEventListener('webkitfullscreenchange', handleFullscreenChange)
   })
-  onUnmounted(() => document.removeEventListener('fullscreenchange', handleFullscreenChange))
 
   const manualExitFullscreen = () => {
     if (!fullscreenState.value) return