diff --git a/docs/uncompiled/artplayer/index.js b/docs/uncompiled/artplayer/index.js
index 9341f62d9..597f2c41f 100644
--- a/docs/uncompiled/artplayer/index.js
+++ b/docs/uncompiled/artplayer/index.js
@@ -236,13 +236,13 @@ class Artplayer extends (0, _emitterDefault.default) {
         return instances;
     }
     static get version() {
-        return "5.1.2";
+        return "5.1.3";
     }
     static get env() {
         return "development";
     }
     static get build() {
-        return "2024-06-01 07:16:48";
+        return "2024-06-01 07:56:48";
     }
     static get config() {
         return 0, _configDefault.default;
@@ -1253,7 +1253,7 @@ class Template {
               <div class="art-info-panel">
                 <div class="art-info-item">
                   <div class="art-info-title">Player version:</div>
-                  <div class="art-info-content">${"5.1.2"}</div>
+                  <div class="art-info-content">${"5.1.3"}</div>
                 </div>
                 <div class="art-info-item">
                   <div class="art-info-title">Video url:</div>
@@ -3667,7 +3667,7 @@ parcelHelpers.export(exports, "default", ()=>version);
 function version(option) {
     return {
         ...option,
-        html: `<a href="https://artplayer.org" target="_blank">ArtPlayer ${"5.1.2"}</a>`
+        html: `<a href="https://artplayer.org" target="_blank">ArtPlayer ${"5.1.3"}</a>`
     };
 }
 
diff --git a/packages/artplayer/package.json b/packages/artplayer/package.json
index af80d14d0..2ad6340bd 100644
--- a/packages/artplayer/package.json
+++ b/packages/artplayer/package.json
@@ -1,7 +1,7 @@
 {
     "license": "MIT",
     "name": "artplayer",
-    "version": "5.1.2",
+    "version": "5.1.3",
     "main": "dist/artplayer.js",
     "legacy": "dist/artplayer.legacy.js",
     "types": "types/artplayer.d.ts",
@@ -24,4 +24,4 @@
     "dependencies": {
         "option-validator": "^2.0.6"
     }
-}
+}
\ No newline at end of file
diff --git a/packages/artplayer/src/player/fullscreenMix.js b/packages/artplayer/src/player/fullscreenMix.js
index 3fe9264ec..fc6f85fb2 100644
--- a/packages/artplayer/src/player/fullscreenMix.js
+++ b/packages/artplayer/src/player/fullscreenMix.js
@@ -5,7 +5,7 @@ export default function fullscreenMix(art) {
     const {
         i18n,
         notice,
-        template: { $player },
+        template: { $video, $player },
     } = art;
 
     const nativeScreenfull = (art) => {
@@ -35,9 +35,30 @@ export default function fullscreenMix(art) {
         });
     };
 
+    const webkitScreenfull = (art) => {
+        def(art, 'fullscreen', {
+            get() {
+                return $video.webkitDisplayingFullscreen;
+            },
+            set(value) {
+                if (value) {
+                    art.state = 'fullscreen';
+                    $video.webkitEnterFullscreen();
+                    art.emit('fullscreen', true);
+                } else {
+                    $video.webkitExitFullscreen();
+                    art.emit('fullscreen', false);
+                }
+                art.emit('resize');
+            },
+        });
+    };
+
     art.once('video:loadedmetadata', () => {
         if (screenfull.isEnabled) {
             nativeScreenfull(art);
+        } else if (document.fullscreenEnabled || $video.webkitSupportsFullscreen) {
+            webkitScreenfull(art);
         } else {
             def(art, 'fullscreen', {
                 get() {