diff --git a/packages/core/src/store/mediators/fullscreenable.ts b/packages/core/src/store/mediators/fullscreenable.ts
index bf817cdf..823f8ddc 100644
--- a/packages/core/src/store/mediators/fullscreenable.ts
+++ b/packages/core/src/store/mediators/fullscreenable.ts
@@ -58,16 +58,19 @@ export const fullscreenable = {
       return false;
     },
     set(value: boolean, stateOwners: any): void {
-      const { container } = stateOwners;
-      if (!container || !globalThis?.document) return;
+      const { container, media } = stateOwners;
+      if (!container || !media || !globalThis?.document) return;
 
       try {
         if (value) {
           // Enter fullscreen
           if (container.requestFullscreen) {
             container.requestFullscreen();
+          } else if (media._playbackEngine?.element?.webkitEnterFullscreen) {
+            // Safari support (IOS)
+            media._playbackEngine.element.webkitEnterFullscreen();
           } else if (container.webkitRequestFullscreen) {
-            // Safari support
+            // Safari support (non IOS)
             container.webkitRequestFullscreen();
           } else if (container.mozRequestFullScreen) {
             // Firefox support