add webkitSupportsFullscreen

packages/artplayer/src/player/fullscreenMix.js

@@ -1,7 +1,7 @@
 import screenfull from 'screenfull';
 import { addClass, removeClass, def } from '../utils';
 
-export default function fullscreenMix(art, player) {
+const nativeScreenfull = (art, player) => {
     const { $player } = art.template;
 
     def(player, 'fullscreen', {
@@ -27,6 +27,42 @@ export default function fullscreenMix(art, player) {
             }
         },
     });
+};
+
+const webkitScreenfull = (art, player) => {
+    const { $video } = art.template;
+
+    def(player, 'fullscreen', {
+        get() {
+            return $video.webkitDisplayingFullscreen;
+        },
+        set(value) {
+            if (value) {
+                $video.webkitEnterFullscreen();
+            } else {
+                $video.webkitExitFullscreen();
+            }
+        },
+    });
+};
+
+export default function fullscreenMix(art, player) {
+    const { $video } = art.template;
+
+    if (screenfull.isEnabled) {
+        nativeScreenfull(art, player);
+    } else if ($video.webkitSupportsFullscreen) {
+        webkitScreenfull(art, player);
+    } else {
+        def(player, 'fullscreen', {
+            get() {
+                return false;
+            },
+            set() {
+                return false;
+            },
+        });
+    }
 
     def(player, 'fullscreenToggle', {
         set(value) {