chore: Update ArtPlayer version to 5.1.3

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>`
     };
 }
 

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",

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() {